easyui ajax

[zpcoder]

最近学习Jquery easyUi 按照 demo 做了一个 datagrid 的 CRUD


现在在 a.html 里有

<table id="dg" title="DataGrid" style="width:700px;height:auto"
data-options="
iconCls: 'icon-edit',
singleSelect: true,
url: 'datagrid_data1.json',
method:'get'

如果让 b.html 为作 a.html 的 #dg 的 url ? [不要动态页 *.ashx ]
b.html 是用 JS 读取并处的一个 datatable


因为有一个自己工作的小数据库 是 Javascript (ActiveXObject("ADODB.Connection")) + Access 数据库读取的.
现在想改成 easyUi 版的.

[斯洛文尼亚旅游]

只能告诉你js不是适合做客户端数据库操作，html无法获取ajax传递的参数，不管是get或者post 你一定要搞，不是配置url，而是使用datagrid的loadData方法来加载js读出的数据

[zpcoder]

var data2 =$.parseJSON(aa());
$('#dg').datagrid('loadData',data2);


function aa()
{
    return '{"total":2,"rows":[{"contactId":"1","industryId":"1","contactName":"zhang san fen","shortcuts":"zsf","telcode":"13800138000","value":"2","notes":"no"},{"contactId":"2","industryId":"3","contactName":"li si","shortcuts":"ls","telcode":"13112345678","value":"1","notes":"--"}]}';
}

为何不能显示到 datagrid 里. ( aa() 的那段字符串 保存成 xxx.json 然后让 #dg url: xxx.json 是可以的)

[斯洛文尼亚旅游]

loadData要求的是json对象，不是字符串，去掉最外层的单引号 你放json里面也是没有最外层单引号的吧。。

[zpcoder]

楼上的几种方法都试了,还是不行, 以下是所有代码.请求各位师兄 拷贝试运行一下...求解,谢谢! aa() 去掉 两端的 ' 保存成 *.json 是可以加载并显示的.

<table id="dg" title="客户信息管理" class="easyui-datagrid" style="width:100%;height:200px">
	<thead>
		<tr>
			<th field="contactId" width="10%">序号</th>
			<th field="industryId" width="10%" ">分组</th>
			<th field="contactName" sortable="true" width="15%">联系名</th>
			<th field="shortcuts" sortable="true" width="10%">简码</th>
			<th field="telcode" width="15%">联系电话</th>
			<th field="value" sortable="true" width="15%">客户价值</th>
			<th field="notes" width="18%">备注</th>
		</tr>
	</thead>
</table>

var data2 =$.parseJSON(aa());
$('#dg').datagrid('loadData',data2);
 
 
function aa()
{
    return '{"total":2,"rows":[{"contactId":"1","industryId":"1","contactName":"zhang san fen","shortcuts":"zsf","telcode":"13800138000","value":"2","notes":"no"},{"contactId":"2","industryId":"3","contactName":"li si","shortcuts":"ls","telcode":"13112345678","value":"1","notes":"--"}]}';
}

[逝_去_的_光_阴]

引用 5 楼 zpcoder 的回复:

$(function(){
	var data2 =$.parseJSON(aa());
	$('#dg').datagrid('loadData',data2);
});
  
  
function aa()
{
    return '{"total":2,"rows":[{"contactId":"1","industryId":"1","contactName":"zhang san fen","shortcuts":"zsf","telcode":"13800138000","value":"2","notes":"no"},{"contactId":"2","industryId":"3","contactName":"li si","shortcuts":"ls","telcode":"13112345678","value":"1","notes":"--"}]}';
}

[逝_去_的_光_阴]

引用 2 楼 zpcoder 的回复:

var data2 =$.parseJSON(aa());
$('#dg').datagrid('loadData',data2);


function aa()
{
    return '{"total":2,"rows":[{"contactId":"1","industryId":"1","contactName":"zhang san fen","shortcuts":"zsf","telcode":"13800138000","value":"2","notes":"no"},{"contactId":"2","industryId":"3","contactName":"li si","shortcuts":"ls","telcode":"13112345678","value":"1","notes":"--"}]}';
}

为何不能显示到 datagrid 里. ( aa() 的那段字符串 保存成 xxx.json 然后让 #dg url: xxx.json 是可以的)

$('#dg').datagrid('loadData',aa()); 不要转json对象 直接使用试试

[斯洛文尼亚旅游]

引用 6 楼 u011376884 的回复:

[quote=引用 5 楼 zpcoder 的回复:]

$(function(){
	var data2 =$.parseJSON(aa());
	$('#dg').datagrid('loadData',data2);
});
  
  
function aa()
{
    return '{"total":2,"rows":[{"contactId":"1","industryId":"1","contactName":"zhang san fen","shortcuts":"zsf","telcode":"13800138000","value":"2","notes":"no"},{"contactId":"2","industryId":"3","contactName":"li si","shortcuts":"ls","telcode":"13112345678","value":"1","notes":"--"}]}';
}

[/quote] 6#的可以，要放入$(...中执行，要不datagrid还没有初始化。。而且不需要parse了，浪费资源，直接去掉外层引号返回json

[zpcoder]

[b]

        $('#dg').datagrid({    
            loadData:$.parseJSON(aa()),
            toolbar:'#toolbar',
            fitColumns:'true',
            singleSelect:'true',
            multiSort:'true',
            pagination:'true',
            pageSize:'10',
            onDblClickRow:function(index,row){
                editUser();
            } 
        });

[quote=引用 7 楼 showbo 的回复:] [quote=引用 6 楼 u011376884 的回复:] 谢谢 6# 7# 为什么我的这种写法没有用????

[斯洛文尼亚旅游]

引用 8 楼 zpcoder 的回复:

[b]

        $('#dg').datagrid({    
            loadData:$.parseJSON(aa()),
            toolbar:'#toolbar',
            fitColumns:'true',
            singleSelect:'true',
            multiSort:'true',
            pagination:'true',
            pageSize:'10',
            onDblClickRow:function(index,row){
                editUser();
            } 
        });

[quote=引用 7 楼 showbo 的回复:] [quote=引用 6 楼 u011376884 的回复:] 谢谢 6# 7# 为什么我的这种写法没有用????

loadData是方法，不是配置，看#6的，不是给你了

[逝_去_的_光_阴]

引用 8 楼 zpcoder 的回复:

[b]

        $('#dg').datagrid({    
            loadData:$.parseJSON(aa()),
            toolbar:'#toolbar',
            fitColumns:'true',
            singleSelect:'true',
            multiSort:'true',
            pagination:'true',
            pageSize:'10',
            onDblClickRow:function(index,row){
                editUser();
            } 
        });

[quote=引用 7 楼 showbo 的回复:] [quote=引用 6 楼 u011376884 的回复:] 谢谢 6# 7# 为什么我的这种写法没有用????

loadData改成data