easyui 中弹出窗口的datagrid数据加载显示,怎么loaddata 30
从主页面弹出个窗口dialog,dialog里有个datagrid,我想在窗口弹出后同时让datagrid显示数据,数据用$.getJSON方法从数据库中获取json格式...
从主页面弹出个窗口dialog,dialog里有个datagrid,我想在窗口弹出后同时让datagrid显示数据,数据用$.getJSON 方法从数据库中获取json格式的数据,我查了demo里的form数据加载例子都是textbox的,百度了半天也没有datagrid的例子,我才刚刚接触这个web编程,希望能给个具体点的例子。
<div id="dlg-singleWave" class="easyui-dialog" style="width: 800px; height: 500px; padding: 10px 20px" closed="true" buttons="#dlg-buttons2">
<form id="Form2" method="post" novalidate>
<div class="fitem">
<div style="float:right;padding-left:0px;padding-top: 0px; border: none;">
<table id="dg-pdinfors" style="height:250px"
data-options="fit:true,border:false,fitColumns:true,singleSelect:false">
</table>
</div>
</div>
</form>
</div>
在脚本中构造datagrid的表头
$('#dg-pdinfors').datagrid({
columns: [[
{ field: 'id', title: '序号', width: 50, align: 'center' },
{ field: 'PDindex', title: '相位', width: 200, align: 'center' },
{ field: 'PDvalue', title: '幅值', width: 200, align: 'center' }
]],
});
下面是窗口中的textbox加载数据,能够显示
$.getJSON('PartialDischarge/AnalysisSingleWave.ashx',
{ WaveID: id },
function (data1, status) {
$('#Form2').form('load', {
txtpdmax: data1.PDmax
});
})
自己搞定了 展开
<div id="dlg-singleWave" class="easyui-dialog" style="width: 800px; height: 500px; padding: 10px 20px" closed="true" buttons="#dlg-buttons2">
<form id="Form2" method="post" novalidate>
<div class="fitem">
<div style="float:right;padding-left:0px;padding-top: 0px; border: none;">
<table id="dg-pdinfors" style="height:250px"
data-options="fit:true,border:false,fitColumns:true,singleSelect:false">
</table>
</div>
</div>
</form>
</div>
在脚本中构造datagrid的表头
$('#dg-pdinfors').datagrid({
columns: [[
{ field: 'id', title: '序号', width: 50, align: 'center' },
{ field: 'PDindex', title: '相位', width: 200, align: 'center' },
{ field: 'PDvalue', title: '幅值', width: 200, align: 'center' }
]],
});
下面是窗口中的textbox加载数据,能够显示
$.getJSON('PartialDischarge/AnalysisSingleWave.ashx',
{ WaveID: id },
function (data1, status) {
$('#Form2').form('load', {
txtpdmax: data1.PDmax
});
})
自己搞定了 展开
1个回答
2015-07-14
展开全部
相关方法:
load param 加载第一页数据,param将代替默认查询参数,注意的是该方法只适用于url方式.
reload param 刷新当前页数据,与load方法不同的时候reload方法刷新当前页数据,而load方法会跳到第一页然后刷新.
load param 加载第一页数据,param将代替默认查询参数,注意的是该方法只适用于url方式.
reload param 刷新当前页数据,与load方法不同的时候reload方法刷新当前页数据,而load方法会跳到第一页然后刷新.
追问
我的datagrid不是跟数据库绑定的,是根据数据库查询内容计算出来的
而且你说的方法我知道$('#dg-pdinfors').datagrid('loadData', { "total": data1.length, "rows": data1}); 但是这种方法在主页面可以显示内容,但是在弹出窗口时行不通
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询