EasyUI之combogrid

Posted 黑马_王国文

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了EasyUI之combogrid相关的知识,希望对你有一定的参考价值。

html代码:

<div class="item-label">@Html.L("Name"):</div>
<input id="Id" name="Id" value="">

页面加载后绑定数据源:

$(function ()
{
$(\'#Id\').combogrid({
panelWidth:450,
idField:\'Id\',
textField:\'Name\',
url:\'/Contact/Default/List\',
columns:[[
{ field: \'Id\' , title: \'Id\' , width: 60, hidden:true },
{ field: \'Name\' , title: \'NameLabel\' , width: 120,sortable:true },
{ field: \'Country\' , title: \'CountryLabel\' , width: 100,sortable:true }
]]
});
});

效果如图:

 

以上是关于EasyUI之combogrid的主要内容,如果未能解决你的问题,请参考以下文章

EasyUI 之 easyui-datagrid 字段格式化

EasyUI之LinkButton禁用和启用

easyui 之表单验证

struts2+Hibernate4+spring3+EasyUI环境搭建之五:引入jquery easyui

jQuery EasyUI教程之datagrid应用

jQuery EasyUI教程之datagrid应用