jquery easyui使用(三)······datagrid加载数据(未解决)

<div id="table_Data">
        </div>
$("#table_Data").datagrid({
    toolbar: ‘#myToolbar‘,
    url: urlAshx,
    queryParams: { "action": "carlist" },
    method: ‘post‘,
    width: ‘auto‘,
    height: ‘500px‘,
    iconCls: ‘icon-edit‘,
    singleSelect: true,
    fitColumns: false,
    pagination: true,
    pageSize: 15,
    pageList: [15, 25, 35, 45],
    pageNumber: 1,
    rownumbers: true,
    loadMsg: "正在加载数据...",
    columns: [[
        { filed: ‘ID‘, title: ‘编号‘, width: 120, hidden: true },
        { filed: ‘Name‘, title: ‘车辆名称‘, width: "120", align: ‘center‘ },
        { filed: ‘Type‘, title: ‘型号‘, width: 120, align: ‘center‘ },
        { filed: ‘LicenseTag‘, title: ‘牌号‘, width: 120, align: ‘center‘ },
        { filed: ‘Color‘, title: ‘座位数‘, width: 120, align: ‘center‘ },
        { filed: ‘Seats‘, title: ‘颜色‘, width: 120, align: ‘center‘ },
        { filed: ‘Remarks‘, title: ‘备注‘, width: 920, align: ‘center‘ },
        {
            filed: ‘Action‘, title: ‘操作‘, width: 550, align: ‘center‘, formatter: function (value, row, index) {
                alert(row.Name);
                var Action = "<a href=‘javascript:void(0);‘ onclick=‘Edit(" + row.ID + ")‘>修改</a>javascript:void(0);‘ onclick=‘Delete(" + row.ID + ")‘>删除</a>";
                return Action;
            }
        }
    ]],
    onLoadSuccess: function (data) { alert("success"); },
    onLoadError: function (XMLHttpRequest, textStatus, errorThrown) { alert("error"); },
    onBeforeEdit: function (index, row) { },
    onAfterEdit: function (index, row) { },
    onCancelEdit: function (index, row) { }
});
private string GetCarList(HttpContext context)
{
    string result = "";
    DataTable dt = bll_cmCar.GetAllList().Tables[0];
    if (dt != null && dt.Rows.Count > 0)
    {
        int total = dt.Rows.Count;
        string json = Common.DataTableConvertJson.DataTableToJson(dt);
        result = "{\"total\":" + total + ",\"rows\":" + json + "}";
        //result = json ;
    }
    return result;
}

返回的数据格式正确,在IE中报如下错误:

给这两个错误加上判断col!=null,倒是不报错了,但是结果还是显示不出来,求大神指教

时间: 2024-10-11 08:45:00

jquery easyui使用(三)······datagrid加载数据(未解决)的相关文章

asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)

自从腾讯微博上线以来,基本上就开始用了,一直到现在,作为一个开发人员,也看到了腾讯微博一直在不停的改变,也不知道大家有没有发现,腾讯微博提供两种加载数据的方式,一种是分页,一种是滚动浏览器滚动条加载数据,分页功能我想大家都做得太多了,今天我与大家分享一下我用滚动条滚动加载数据,小生不才,还望各位大侠指教,呵呵~ 下面开讲: 首先说一下思路,我用的是Jquery,然后通过Jquery的ajax()方法通过 HTTP 请求加载远程数据来实现的,用到Jquery,首先要应用jquery.min.js类

easyui datagrid加载数据的两种方式

1.加载本地数据 var obj = {"total":2,"rows":[{id:"1",name:"一"},{id:"2",name:"二"}]}; $('#dg').datagrid('loadData',obj); 注意:这里的数据必须是json对象,要是json字符串,必须先转换成json对象才能作为datagrid的数据源.否则会出现异常:Cannot read proper

easyui datagrid加载数据和分页

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><%String basepath = request.getContextPath();%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core&quo

Jquery easyUI datagrid加载复杂JSON数据方法

1.JSON数据为: { "rows": [ { "itemNo": "1", "itemName": "12", "spec": "", "pattern": "", "itemCategory": { "id": "A01", "name": &

(转帖)关于easyui中的datagrid在加载数据时候报错:无法获取属性&quot;Length&quot;的值,对象为null或未定义

结贴说明: 很感谢sp1234等人的热心帮忙和提醒,现在我主要说明下问题所在: 首先我在独立的js文件中,直接把测试数据loaddata进去datagrid是没有问题的.var kk = {"total":2,"rows":[{"INSTANCE_ID":"BI00000011","BUSINESS_NAME":"专项检查文档资料报送","INSTANCE_STATUS&quo

Easyui datagrid重新加载数据

Jquery Easy ui datagrid的重新加载数据方法loadData中的data参数需要进行转换,如下加粗代码 实战示例 function fenxi (){ var startDate = $("#startDate").val(); var endDate = $("#endDate").val(); var state = $("#state").val(); var parameter = "startDate=&q

使用Jquery-easyUI的datagrid从后台加载数据不成功的解决办法

最近在用easyUI做一个注册页面总是出现从后台数加载不成功的问题,后来在一个师兄的指导下通过debug模式终于发现问题并解决了,以下记录我解决这一问题的过程.开发环境:jdk1.7,工具:eclipse,框架:spring-mvc spring-mvc的配置代码 <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/sche

jQuery EasyUI教程之datagrid应用(三)

今天继续之前的整理,上篇整理了datagrid的数据显示及其分页功能 获取数据库数据显示在datagrid中:jQuery EasyUI教程之datagrid应用(一) datagrid实现分页功能:jQuery EasyUI教程之datagrid应用(二) 接下来就是数据的增删改查了,首先我们在页面中添加功能按钮 这里很简单就是datagrid的toolbar属性 接下来我们实现按键的功能 查询比较麻烦我们最后写,先写添加吧,既然要添加,就应该有表格或是输入的文本框吧,还要进行提交,那就要有f

PHP+Mysql+easyui点击左侧tree菜单对应表名右侧动态生成datagrid加载表单数据(二)

关于tree菜单生成,参考我的另一篇博文地址tree 菜单 实现功能:点击左侧tree菜单中的table,右侧通过datagrid加载出该表对用的所有数据 难点:获取该表的所有列名,动态生成datagrid,并加载数据 解决办法: 使用tree菜单的onClick事件: $('#tree').tree( { url:'tree_getData.php', onClick:function(node){ //判断点击的节点是否是子节点是子节点就创建datagrid,否则就return打开这个节点