jquery + flexigrid 求指教!!!
只能显示标题,我去添加数据就不会显示,请大牛们指教下,谢谢!
js:
var js = '{ "total":1, "page":4, "rows":[ {"id":"1","cell":["a","b","c","e","a","b","c","e","a","b","c","e"]},]} ';
$('tbMiddle').flexAddData(js);//这里添加的方式是不是不对
html:
$("#tbMiddle").flexigrid
(
{
// url: '/TestNew/Mains.aspx',
dataType: 'json',
colModel: [
{ display: 'TID', name: 'Terminal', width: 0, sortable: true, align: 'center' },
{ display: 'LicenseNumber', name: 'Reg', width: 100, sortable: true, align: 'center' },
{ display: 'Time', name: 'Time', width: 92, sortable: true, align: 'center' },
{ display: 'Speed', name: 'Speed', width: 92, sortable: true, align: 'center', hide: true },
{ display: 'Lontitude', name: 'numcode', width: 92, sortable: true, align: 'center' },
{ display: 'Latitude', name: 'iso', width: 92, sortable: true, align: 'center' },
{ display: 'Temperature', name: 'name', width: 92, sortable: true, align: 'center' },
{ display: 'Humidity(%)', name: 'printable_name', width: 92, sortable: true, align: 'center' },
{ display: 'Electric Quantity(%)', name: 'iso3', width: 92, sortable: true, align: 'center', hide: true },
{ display: 'GPSCount(Numbers)', name: 'numcode', width: 92, sortable: true, align: 'center' },
{ display: 'GPRS Signal', name: 'iso', width: 92, sortable: true, align: 'center' },
{ display: 'Status', name: 'name', width: 125, sortable: true, align: 'center' }
],
searchitems: [
{ display: 'LicenseNumber', name: 'iso' },
{ display: 'Name', name: 'name', isdefault: true }
],
// sortname: "Time",
// sortorder: "asc",
height: 120 ,
width :w,
onSubmit: DataGrid_CarSelect
}
);
js:
var js = '{ "total":1, "page":4, "rows":[ {"id":"1","cell":["a","b","c","e","a","b","c","e","a","b","c","e"]},]} ';
$('tbMiddle').flexAddData(js);//这里添加的方式是不是不对
html:
$("#tbMiddle").flexigrid
(
{
// url: '/TestNew/Mains.aspx',
dataType: 'json',
colModel: [
{ display: 'TID', name: 'Terminal', width: 0, sortable: true, align: 'center' },
{ display: 'LicenseNumber', name: 'Reg', width: 100, sortable: true, align: 'center' },
{ display: 'Time', name: 'Time', width: 92, sortable: true, align: 'center' },
{ display: 'Speed', name: 'Speed', width: 92, sortable: true, align: 'center', hide: true },
{ display: 'Lontitude', name: 'numcode', width: 92, sortable: true, align: 'center' },
{ display: 'Latitude', name: 'iso', width: 92, sortable: true, align: 'center' },
{ display: 'Temperature', name: 'name', width: 92, sortable: true, align: 'center' },
{ display: 'Humidity(%)', name: 'printable_name', width: 92, sortable: true, align: 'center' },
{ display: 'Electric Quantity(%)', name: 'iso3', width: 92, sortable: true, align: 'center', hide: true },
{ display: 'GPSCount(Numbers)', name: 'numcode', width: 92, sortable: true, align: 'center' },
{ display: 'GPRS Signal', name: 'iso', width: 92, sortable: true, align: 'center' },
{ display: 'Status', name: 'name', width: 125, sortable: true, align: 'center' }
],
searchitems: [
{ display: 'LicenseNumber', name: 'iso' },
{ display: 'Name', name: 'name', isdefault: true }
],
// sortname: "Time",
// sortorder: "asc",
height: 120 ,
width :w,
onSubmit: DataGrid_CarSelect
}
);
...全文
相关推荐
jquery+flexigrid使用方法.pdf
《jQuery + Flexigrid 实现高效数据展示与交互》jQuery与Flexigrid的结合使用在Web开发中常用于创建动态、交互性强的数据表格。
实现jQuery Flexigrid前端动态排序功能
Tablesorter是一个功能强大的jQuery表格排序插件,它通过改善原生HTML表格的功能来增强用户体验。它的主要特点包括:支持多列排序(点击多个列头进行多条件排序)高级过滤功能(可以针对特定列进行搜索和过滤)丰富的自定义选项(允许用户自定义排序顺序、类型等)支持动态加载(即使表格是通过Ajax动态加载的也能进行排序)良好的国际化支持(支持多种语言的排序)
jquery flexigrid
《jQuery Flexigrid详解及其应用》jQuery Flexigrid是一款基于jQuery库的表格插件,专为网页数据展示提供强大的功能。
Spring MVC+JPA+Jquery+Flexigrid修改简单示例
总结,"Spring MVC+JPA+Jquery+Flexigrid修改简单示例"是一个完整的Web应用开发案例,它涵盖了后端数据处理、前端交互以及数据展示等多个方面。
jquery+flexigrid+json的java例子(网上收集的)
总结来说,这个“jquery+flexigrid+json的java例子”演示了如何利用jQuery进行前端交互,Flexigrid显示数据,JSON作为数据交换格式,以及Java处理后端逻辑。


