asp.net和JQuery EasyUI DataGrid的数据交互问题

DropDownList控件常见属性：AutoPostBack 属性：这个属性的用法在讲述基本控件的时候已经讲过，是用来设置当下拉列表项发生变化时是否主动向服务器提交整个表单，默认是false，即不主动提交。如果设置为true，就可以编写它的SelectedIndexChanged事件处理代码进行相关处理（注意：如果此属性为false即使编写了 SelectedIndexChanged事件处理代码也不会马上起作用）。DataTextField属性：设置列表项的可见部分的文字。DataValueField属性：设置列表项的值部分。Items属性：获取控件的列表项的集合。SelectedIndex属性：获取或设置 DropDownList 控件中的选定项的索引。SelectedItem属性：获取列表控件中索引最小的选定项。SelectedValue属性：取列表控件中选定项的值，或选择列表控件中包含指定值的项。因为在实际开发中，用户希望直观地看见选中哪个选项，而在 *** 作数据库的时候我们更希望直接以该值对应的编号来 *** 作，利用DataTextField 属性和DataValueField属性就可以很方便地做到这一点，这两个属性通常是数据源中的某个字段名（如果DataSource属性是 DataTable或者是DataView的话）或者范型集合中实体的属性（如果DataSource属性是 SystemCollectionsGenericList<T的话，则可以指定为T的属性）。 GridView 控件 GridView 控件作为 aspnet11 下的 DataGrid 的替代品，它内置了表格呈现样式。 GridView 控件用来在表中显示数据源的值。每列表示一个字段，而每行表示一条记录。 GridView 控件支持下面的功能： 绑定至数据源控件，如 SqlDataSource 。 内置排序功能。 内置更新和删除功能。 内置分页功能。 内置行选择功能。 以编程方式访问 GridView 对象模型以动态设置属性、处理事件等。 多个键字段。 用于超链接列的多个数据字段。 可通过主题和样式进行自定义的外观。 可以实现多种样式的数据展示。 GridView 控件主要有以下常见属性： AllowPaging 属性：设置是否启用分页功能。 AllowSorting 属性：设置是否启用排序功能。 AutoGenerateColumns 属性：设置是否为数据源中的每个字段自动创建绑定字段。这个属性默认为 true ，但在实际开发中很少会自动创建绑定列，我们总会根据一些情况让一些列不显示，比如显示用户列表的时候不会将用户密码显示出来，显示文章列表的时候不会将文章内容显示出来。 Columns 属性：获取 GridView 控件中列字段的集合。 PageCount 属性：获取在 GridView 控件中显示数据源记录所需的页数。 PageIndex 属性：获取或设置当前显示页的索引。 PagerSetting 属性：设置 GridView 的分页样式。 PageSize 属性：设置 GridView 控件每次显示的最大记录条数。 DetailsView 控件 DetailsView 控件主要是以表格的形式来显示和处理来自数据源的单条数据。它支持绑定功能 ( 即可以使用 DataBind() 方法 ) 和分页及编辑等功能，它一般与 GridView 控件搭配使用，用 GridView 控件显示数据记录列表，用 DetailsView 显示某条记录的详细信息。 DetailsView 控件的用法也很类似于 GridView 控件。

设置URL属性就能从一个URL远程站点请求数据，或者设置data属性也行。

url:'packagetypedo',   

dataType : 'json',   

type : 'POST',   

async:false, 

success: function (data){   

<span style="white-space:pre">  </span>packageTypeList = data;

}

});

var ed = $('#dg')datagrid('getEditor', {index:editIndex,field:'productid'});

var productname = $(edtarget)combobox('getText');

var value = $(edtarget)combobox('getValue');

js中easyUI 中的下拉框的值获取方式

jsp：<div style="margin-bottom:20px">

<sapn>订单编号:  <input class="easyui-textbox" name="order_code" readonly="true" id="order_code2"style="width:85%">

</div>

js中：var contract_code = $(" #order_code2")combobox('getValue');//获取下下拉框的值

参考资料:百度百科EASYUI

在 easyui datagrid 中设置列为 checkbox 并能获取选中的值，可以按照以下步骤进行 *** 作：

1、在 columns 配置中设置需要显示 checkbox 的列，示例代码如下：

columns:[[

{field:'id',title:'ID',width:80},

{field:'name',title:'Name',width:100},

{field:'gender',title:'Gender',width:100},

{field:'checkbox',title:'',checkbox:true},

]],

在这个示例中，第 4 列设置了 checkbox。

2、在 easyui datagrid 的 toolbar 中添加按钮，并绑定事件，示例代码如下：

toolbar:[{

text:'Get Selected',

iconCls:'icon-search',

handler:function(){

var rows = $('#dg')datagrid('getSelections');

alert(rowslength+' rows are selected');

}

}]

在这个示例中，添加了一个名为 "Get Selected" 的按钮，点击按钮会获取当前选中的行，并d出提示框显示选中的行数。

3、在点击按钮时获取选中的行，示例代码如下：

var rows = $('#dg')datagrid('getSelections');

在这个示例中，使用 easyui datagrid 的 getSelections 方法获取选中的行数据。

4、在获取选中的行后，可以对这些行进行后续的 *** 作，例如对每行进行遍历，获取某一列的值，示例代码如下：

for(var i=0; i<rowslength; i++){

var row = rows[i];

consolelog(rowid); // 获取 id 列的值

}

在这个示例中，使用 for 循环遍历选中的行数据，然后使用 rowid 获取 id 列的值。

以上就是在 easyui datagrid 中设置列为 checkbox 并能获取选中的值的 *** 作步骤。

以上就是关于asp.net和JQuery EasyUI DataGrid的数据交互问题全部的内容，包括:asp.net和JQuery EasyUI DataGrid的数据交互问题、easyui问题，怎样获取datagrid中编辑列combobox的value值与text值、easyui datagrid列设置checkbox，并能获取选中的值如图等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！