bootstarp中绑定了一个datatables不好用 5C

画面初始化有一个列表页,已经成功绑定了一个datatables。点击编辑按钮后,在一个bootstarp中绑定了一个datatables,
谷歌调试不报错,js无错误。是否有特殊的配置之类的说法?
数据结构:[{"id":value,"id":value}]
jsp部分代码:

                    <table class="table table-striped table-bordered table-hover" id="**sample_list**">
                        <thead>
                        <tr>

                            <th width="10%">id</th>
                            <th width="20%">
                                字段名称:
                            </th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                        </table>

js代码:

    $("#edit").click(function(){
    var dicFId=$('#sample_dic').DataTable().rows('.selected').data()[0].dicFId;
    $.ajax({
         type: 'POST',
         url: projectName+'/dicManaInitDetal',
         cache:false,
         data : {
             dicFId:dicFId
         },
         dataType:'json',
         success: function(data, status){
             if(data.status == 1) {
                 if(!data.msg) {
                     data.msg = '访问出错';
                 }
                 alert(data.msg);
             }

         else {
             alert(22);
             alert(data[0].dicId);
             $('#sample_list').dataTable({
                 retrieve: true,
                 paging: false,
                 "bAutoWidth" : false,
                 "searching":false,
                ** "data":data,
                 "columns": [
                             { "data": "dicId" },
                             { "data": "dicName" }
                         ]**

              });   
             $('#full').modal('show');
         }
            }

    }); 

});

    java返回的结构如截图

图片说明

)

    高分急求·

3个回答

描述不清楚 怎么答?

这种情况遇见过,是因为datatables这个插件的数据格式不是[{"id":value,"id":value}]这种形式,你换成这种就可以了:[[value1,value2]];即是说是数组形式

datatables的格式是这样的:{iTotalRecords:20,iTotalDisplayRecords:20,aaData:[{},{}]},其中iTotalRecords、iTotalDisplayRecords、aaData的key值是固定的,不能改变的,aaData中的值即为List对象

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
dataTables插件的td中换行不好用
问题:dataTables插件的表格设置td换行不好用,原因是因为全局css中设置了white-space: nowrap;  所以再设置自动换行样式: word-wrap:break-word; word-break:normal; 不好用 解决方式:在style.css(全局css中设置 white-space: normal; ),注意如果用的都是同级别的子类选择器,一定要写在强制不换行属性...
bootstrap绑定datatables问题
自己写的搜索功能不能用,代码如下:rnrn rn自己写的搜索功能不能用,代码如下:rnrn rn(图片地址:http://e.hiphotos.baidu.com/zhidao/pic/item/29381f30e924b899ad1f59226d061d950a7bf68c.jpg)
bootstarp
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架
bootstarp中modal垂直居中
bootstarp中modal垂直居中在源代码adjustDialog中添加Modal.prototype.adjustDialog = function () { var modalIsOverflowing = this.$element[0].scrollHeight > document.documentElement.clientHeight this.$element.cs
bootstarp中的滚动监听
提取了bootstrap3中的滚动监听脚本代码,可以运用在各类项目中,该项目不一定是基于bootstrap构建的
DataTables
前端做表格的插件 比较好用,与JQuery结合使用 可以满足不用的需求
datatables
Datatable 强大的表格工具 制作前端页面的首选技术 请下载使用
bootstarp的jar包
bootstarp的jar包
bootstarp经典案例
全套bootstarp案例,包含文档和经典例子,本人收集许久,从菜鸟到精通,希望大家好好看看。
bootstarp模板
bootstarp模板
bootstarp框架
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。
bootstarp帮助文档
bootstarp帮助文档,便于学习bootstarp基础,对于网页制作有帮助
bootstarp 源码
最近读bootstarp 的js部分的代码 有个很疑惑的地方,求各路英雄好汉给个解答,万分感谢!rnrnrnrn!function ($) rnrn "use strict"; // jshint ;_;rnrnrn /* ALERT CLASS DEFINITIONrn * ====================== */rnrn var dismiss = '[data-dismiss="alert"]'rn , Alert = function (el) rn $(el).on('click', dismiss, this.close)rn rnrn Alert.prototype.close = function (e) rn var $this = $(this)rn , selector = $this.attr('data-target')rn , $parentrnrn if (!selector) rn selector = $this.attr('href')rn selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7rn rnrn $parent = $(selector)rnrn [color=#FF0000]e && e.preventDefault()[/color]rnrn $parent.length || ($parent = $this.hasClass('alert') ? $this : $this.parent())rnrn $parent.trigger(e = $.Event('close'))rnrn if (e.isDefaultPrevented()) returnrnrn $parent.removeClass('in')rnrn function removeElement() rn $parentrn .trigger('closed')rn .remove()rn rnrn $.support.transition && $parent.hasClass('fade') ?rn $parent.on($.support.transition.end, removeElement) :rn removeElement()rn rnrnrn /* ALERT PLUGIN DEFINITIONrn * ======================= */rnrn var old = $.fn.alertrnrn $.fn.alert = function (option) rn return this.each(function () rn var $this = $(this)rn , data = $this.data('alert')rn if (!data) $this.data('alert', (data = new Alert(this)))rn if (typeof option == 'string') data[option].call($this)rn )rn rnrn $.fn.alert.Constructor = Alertrnrnrn /* ALERT NO CONFLICTrn * ================= */rnrn $.fn.alert.noConflict = function () rn $.fn.alert = oldrn return thisrn rnrnrn /* ALERT DATA-APIrn * ============== */rnrn $(document).on('click.alert.data-api', dismiss, Alert.prototype.close)rnrn(window.jQuery);rnrn红色地方 一直搞不明白到底这句话的作用是什么
Bootstarp下拉菜单
Bootstarp下拉菜单 开发工具与关键技术:Visual Studio 前端 作者:盘子 撰写时间: 2019年6 月 18日 Bootstrap的下拉菜单则是设计为通用的,适用于各种情形和标记结构,如可以创建包含其它输入和表单控制项(如搜索栏位或登录表单)的下拉菜单。Bootstrap的下拉菜单可以分为多种类型,可以是单一按钮的下拉菜单,可以是分列式按钮下拉菜单这两种都是较单一的下拉...
网站,bootstarp
1. 负责符合W3C标准、多浏览器兼容、语义化的Web前端网页产品功能的开发,调试和维护,实现一流的用户交互WEB/WebApp界面; 2. 使用原生js和jQuery实现了页面上的相应特效,包括图片的轮播等等; 3.利用 javascript 和 jQuery bootstrap 实现页面的动态效果 4.根据UI图纸,实现显示效果 5.使用ajax请求与后台交互调试接口。
为DataTables表格中每一行绑定单击事件
    var myTable = $('#dynamic-table').DataTable();     $('#dynamic-table').on('click', 'tr',function() {         var data = myTable.row(this).data(); //获取单击那一行的数据         console.log(data);         a...
bootstarp导出
这是bootstarp的导出Excel的方法,简单方便,可以借鉴一下
bootstarp 使用例子~~
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@taglib prefix="fmt" uri="http://java.sun.com/
bootstarp表单验证
集成bootstarp前端样式和Jquery的常见表单元素验证示例代码
利用ASP.NET MVC 的默认类型绑定器---将Jquery datatables中的数据强类型绑定到实体类中
背景描述: 本文参考资料:https://blog.csdn.net/honantic/article/details/45913403 阅读了上述博文后对我产生了启发,在ASP.NET MVC 5中如何将大批量的数据比如说表格中的数据传到后台,是否可以像HTML辅助类一样强类型绑定实体类属性并将数据传到后台?通过上述博文,我们知道了,默认的绑定器会从input标签里面获得name特性的值,绑...
写了一个钩子函数,不好用
[code=C/C++][/code]#include "stdafx.h"rn #include "666.h"rn rn #define MAX_LOADSTRING 100rn rn rn // 全局变量:rn HINSTANCE hInst; // 当前实例rn TCHAR szTitle[MAX_LOADSTRING]; // 标题栏文本rn TCHAR szWindowClass[MAX_LOADSTRING]; // 主窗口类名rn rn // 此代码模块中包含的函数的前向声明:rn ATOM MyRegisterClass(HINSTANCE hInstance);rn BOOL InitInstance(HINSTANCE, int);rn LRESULT CALLBACK WndProc(HWND, UINT, WPARAM, LPARAM);rn INT_PTR CALLBACK About(HWND, UINT, WPARAM, LPARAM);rn rn HHOOK hHook;rn int iCount = 0;rn FILE *pf = fopen("c:\\key.txt","w");rn char strInput[100];rn rn long CALLBACK HookProc(int dwCode,WPARAM wparam,LPARAM lparam);rn rn int APIENTRY _tWinMain(HINSTANCE hInstance,rn HINSTANCE hPrevInstance,rn LPTSTR lpCmdLine,rn int nCmdShow)rn rn UNREFERENCED_PARAMETER(hPrevInstance);rn UNREFERENCED_PARAMETER(lpCmdLine);rn rn // TODO: 在此放置代码。rn rn hHook = SetWindowsHookEx(WH_JOURNALRECORD,HookProc,hInstance,NULL);rn rn MSG msg;rn HACCEL hAccelTable;rn rn // 初始化全局字符串rn LoadString(hInstance, IDS_APP_TITLE, szTitle, MAX_LOADSTRING);rn LoadString(hInstance, IDC_MY666, szWindowClass, MAX_LOADSTRING);rn MyRegisterClass(hInstance);rn rn // 执行应用程序初始化:rn if (!InitInstance (hInstance, nCmdShow))rn rn return FALSE;rn rn rn hAccelTable = LoadAccelerators(hInstance, MAKEINTRESOURCE(IDC_MY666));rn rn // 主消息循环:rn while (GetMessage(&msg, NULL, 0, 0))rn rn if (!TranslateAccelerator(msg.hwnd, hAccelTable, &msg))rn rn TranslateMessage(&msg);rn DispatchMessage(&msg);rn rn rn rn return (int) msg.wParam;rn rn rn rn rn //rn // 函数: MyRegisterClass()rn //rn // 目的: 注册窗口类。rn //rn // 注释:rn //rn // 仅当希望rn // 此代码与添加到 Windows 95 中的“RegisterClassEx”rn // 函数之前的 Win32 系统兼容时,才需要此函数及其用法。调用此函数十分重要,rn // 这样应用程序就可以获得关联的rn // “格式正确的”小图标。rn //rn ATOM MyRegisterClass(HINSTANCE hInstance)rn rn WNDCLASSEX wcex;rn rn wcex.cbSize = sizeof(WNDCLASSEX);rn rn wcex.style = CS_HREDRAW | CS_VREDRAW;rn wcex.lpfnWndProc = WndProc;rn wcex.cbClsExtra = 0;rn wcex.cbWndExtra = 0;rn wcex.hInstance = hInstance;rn wcex.hIcon = LoadIcon(hInstance, MAKEINTRESOURCE(IDI_MY666));rn wcex.hCursor = LoadCursor(NULL, IDC_ARROW);rn wcex.hbrBackground = (HBRUSH)(COLOR_WINDOW+1);rn wcex.lpszMenuName = MAKEINTRESOURCE(IDC_MY666);rn wcex.lpszClassName = szWindowClass;rn wcex.hIconSm = LoadIcon(wcex.hInstance, MAKEINTRESOURCE(IDI_SMALL));rn rn return RegisterClassEx(&wcex);rn rn rn //rn // 函数: InitInstance(HINSTANCE, int)rn //rn // 目的: 保存实例句柄并创建主窗口rn //rn // 注释:rn //rn // 在此函数中,我们在全局变量中保存实例句柄并rn // 创建和显示主程序窗口。rn //rn BOOL InitInstance(HINSTANCE hInstance, int nCmdShow)rn rn HWND hWnd;rn rn hInst = hInstance; // 将实例句柄存储在全局变量中rn rn hWnd = CreateWindow(szWindowClass, szTitle, WS_OVERLAPPEDWINDOW,rn CW_USEDEFAULT, 0, CW_USEDEFAULT, 0, NULL, NULL, hInstance, NULL);rn rn if (!hWnd)rn rn return FALSE;rn rn rn ShowWindow(hWnd, nCmdShow);rn UpdateWindow(hWnd);rn rn return TRUE;rn rn rn //rn // 函数: WndProc(HWND, UINT, WPARAM, LPARAM)rn //rn // 目的: 处理主窗口的消息。rn //rn // WM_COMMAND - 处理应用程序菜单rn // WM_PAINT - 绘制主窗口rn // WM_DESTROY - 发送退出消息并返回rn //rn //rn LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam)rn rn int wmId, wmEvent;rn PAINTSTRUCT ps;rn HDC hdc;rn rn switch (message)rn rn case WM_COMMAND:rn wmId = LOWORD(wParam);rn wmEvent = HIWORD(wParam);rn // 分析菜单选择:rn switch (wmId)rn rn case IDM_ABOUT:rn DialogBox(hInst, MAKEINTRESOURCE(IDD_ABOUTBOX), hWnd, About);rn break;rn case IDM_EXIT:rn DestroyWindow(hWnd);rn UnhookWindowsHookEx(hHook);rn fclose(pf);rn break;rn default:rn return DefWindowProc(hWnd, message, wParam, lParam);rn rn break;rn case WM_PAINT:rn hdc = BeginPaint(hWnd, &ps);rn // TODO: 在此添加任意绘图代码...rn EndPaint(hWnd, &ps);rn break;rn case WM_DESTROY:rn PostQuitMessage(0);rn break;rn default:rn return DefWindowProc(hWnd, message, wParam, lParam);rn rn return 0;rn rn rn // “关于”框的消息处理程序。rn INT_PTR CALLBACK About(HWND hDlg, UINT message, WPARAM wParam, LPARAM lParam)rn rn UNREFERENCED_PARAMETER(lParam);rn switch (message)rn rn case WM_INITDIALOG:rn return (INT_PTR)TRUE;rn rn case WM_COMMAND:rn if (LOWORD(wParam) == IDOK || LOWORD(wParam) == IDCANCEL)rn rn EndDialog(hDlg, LOWORD(wParam));rn return (INT_PTR)TRUE;rn rn break;rn rn return (INT_PTR)FALSE;rn rn rn long CALLBACK HookProc(int dwCode,WPARAM wParam, LPARAM lParam)rn rn EVENTMSG *pEventMsg; //定义一个消息结构变量rn pEventMsg=(EVENTMSG *)lParam; //将lParam赋给消息结构变量rn BYTE tmp[1]; //存放通过ToAscii()得到的击键值的低8位rn rn if(strlen(strInput)==10) //如果字符数达到了10,就写文件rn rn fseek(pf,0,2);rn fwrite(strInput,strlen(strInput),1,pf);rn memset(strInput,0,strlen(strInput)); //文件写完之后,将字符串清空,以备下次使用rn rn rn if((dwCode==HC_ACTION))rn rn switch(pEventMsg->message)rn rn case WM_KEYDOWN: //对按键消息进行处理rn BYTE bKeyState[256]; //用来存放键盘状态的缓冲区rn unsigned short uAscii[4]; //ToAscii()函数中要用到的缓冲区rn UINT uScanCode; //键盘扫描码rn int iRet; //函数返回值rn GetKeyboardState(bKeyState); //得到键盘状态rn bKeyState[VK_SHIFT]=GetKeyState(VK_SHIFT);//对shift键进行处理rn uScanCode=(pEventMsg->paramH>>16); //得到键盘扫描码rn //转换为ASCII码rn iRet=ToAscii(pEventMsg->paramL,uScanCode,bKeyState,uAscii,0);rn rn //对返回值进行判断rn switch(iRet)rn rn case 0: //为0就直接breakrn return iRet;rn break;rn case 1: //为1说明有ASCII字符的击键rn break;rn default:rn break;rn rn default:rn break;rn rn rn //进行下一个钩子调用rn return CallNextHookEx(hHook,dwCode,wParam,lParam);rn rnrnrn请问有为什么无法调用钩子???程序本来的作用是把键盘上敲的东西记录下来,,,我单调了一下发现不会触发long CALLBACK HookProc(int dwCode,WPARAM wparam,LPARAM lparam);
安装一个GCC编译器不好用
写个hello world的程序。rnrnrn原来我安装一个GCC,版本可能不好,编译后报错误rn$ gcc test.crn/usr/lib/dld.sl: Can't open shared library: /usr/local/lib/libiconv.slrn/usr/lib/dld.sl: No such file or directoryrnAbort(coredump)rn后来换了个版本,还是报错误。错误信息换别的了rn$ gcc test.crnas: warning 2: Unknown option "--traditional-format" ignored.rnas: "/var/tmp//cc5KIeLg.s", line 21: error 1052: Directive name not recognized - NSUBSPArn$ which gccrn/usr/local/bin/gccrnrn请问各位大侠这是怎么回事呢
DataTables碎碎念-初始化一个常用的DataTables
ajax请求,动态分页 $('#activity_statistics_list_table').DataTable( { language: { url:'//cdn.datatables.net/plug-ins/1.10.19/i18n/Chinese.json' }, processing: true, ...
listview中点击事件不好用
在我们开发工程中有的时候碰到一些奇葩问题,今天我就碰到一个 奇葩的问题,在listview中每个item里面有一个button结果 发现不能点击,为此总结了一些处理方法。由于了解原因是因为焦点的问题所以处理这种方式把button换成imageview或者在item那里加如下属性即可解决问题。不止button有这个现象,checkbox等都有。 android:descendantFocusabi
CEvent在dll中不好用?
我以前做的一个模块,用到了CEvent,现在把它移到dll中的时候,发现明明发出了SetEvent,但是另外一个线程中的WaitForSingleObject却没有响应,rnrn这两个线程我都是放在dll中的,以前在普通程序中好用,为什么现在就不好用了呢?rnrn望赐教rnrn谢
关于jQuery插件中datatables的学习
先放几个相关的参考文档的连接 http://datatables.club/ http://datatables.club/reference/ 一般来说学习先参考这些相关的文档这也是给我自己备注一下,不然老是忘记。建议还是看应为原文的问档或者api,因为毕竟翻译过的和自己理解的有时候会有出入 function initTable() { table = $('#deviceList...
js中关于datatables的处理
/** * 初始化表单 */ me.initDatatable = function() { me.interns0301Table = $(&quot;#interns0301Table&quot;).DataTable({ // 让表头与表格对齐         &quot;autoWidth&quot;: true,         &quot;processing&quot;: true,         &quot;serverSide&quot;: tr...
datatables 使用中遇到的问题
一遇到问题1.做法:①直接访问后端接口的地址(HisServlet那段),看有没有值②后端接口的地址,没有值;看下如果没有账号密码登录,可不可以访问首页,如果可以访问,但是没有数据的话,那说明后端地址有启动。③查看字段是否正确,如正确看下myEclpse是否报错(我这个错误是因为myeclpse 报错的,所以没有获取后端的数据)2.json返回数据,但是表格不显示数据做法:①直接访问后端接口的地址...
bootstarp 之 组合表头
其他的和简单的表格一样 columns: [                                  [                     {                         "title": "更多",                         "halign":"right",                         "ali
Bootstarp简单应用
一直知道bootstarp功能很全面,然而从小白到小白的道路上一直没有整理过常用的信息,目前有一个简单的web需求,就简单整理下bootstarp的功能。高手可以走了,小白的简介也许只适合小白,写的不全请见谅哈。 首先说到MVC框架;Model,View,Controller,这个就不介绍了哈。用了bootstarp 你会发现构建web也没想象中的困难,现在做一个demo吧! 先看Contro
bootstarp进度条样式
bootstarp中的进度条样式把里面的min.css中的内容拿出来,作为单独样式 .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: pro
Bootstarp兼容IE8__Demo
Bootstarp兼容IE8示例
Bootstarp 基础 基本模版
今天开始学习bootstarp 发现官方的文档其实写的真的太棒啦 非常的清晰易懂<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content
Bootstarp 基础 栅格系统的使用
如果要使用栅格系统 那么我们需要先把我们的东西放到一个容器之中 bootstarp已经为我们实现定义好了 <div class="container"> <div class="row"> <div class="col-md-4">col-md-1</div> <div class="col-md-4">col-md-1</div> <div
xxf页面编辑bootstarp
xff-bootstarp-thymeleaf 页面编辑首先是pom添加页面查询页面 首先是pom &lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instanc...
bootstarp 前端js文件上传
var files= new Array();//储存对个文件的集合 //1.点击上传附件按钮 触发 function selectFile(){ $("#selectFile").click(); } //2.选择上传文件 function fileupload(){ var form = document.getElementById("uploadform"); ...
bootstarp基本CSS样式
路径: http://bootstrap.kinghack.com/base-css.html#typography
bootstarp的技术应用
phpcms二次开发
bootstarp 通用的样式模版
bootstarp 通用的样式模版,可用后台管理,图标非常全
bootstarp拖拽布局例子
bootstarp拖拽布局例子,框架官网http://layoutit.justjavac.com/#close,实现类似QQ空间小窝布局模式下的自由布局功能。
相关热词 c# 线程结束时执行 c# kb mb 图片 c# 替换第几位字符 c#项目决定成败 c# 与matlab c# xml缩进 c#传感器基础 c#操作wps c# md5使用方法 c# 引用父窗口的组件