onClickRow: function (rowIndex, row) {
alert(row.Sales_Id);
}
完整实例:
function initgrid() {
$("#list").datagrid({
url: virthpath + 'Sales/getSalesList',
toolbar: '#tb',
title: '专场列表',
pageSize: 20,
singleSelect: true,
pageNumber: 1,
pagination: true,
fitColumns: true,
rownumbers: true,
columns: [
[
{
title: '选择', checkbox: true, field: "id"
},
{
title: "专场编号", field: "Sales_Id", width: 50, align: 'center'
},
{
title: "专场名称", field: "salesName", width: 60, align: 'center'
},
{
title: "专场状态", field: "isClose", width: 30, align: 'center'
},
{
title: "操作", field: "action", width: 60, align: 'center', formatter: function (value, rowData, index) {
// var c = '<a href="#" onclick="shopimg(' + rowData.id + ',\'' + rowData.shopname + '\',\'' + rowData.username + '\')">【店铺图片】</a> ';
var a = '<a href="#" onclick="edit(' + rowData.id + ')">【修改】</a> ';
var b = '<a href="#" onclick="del(' + rowData.id + ')">【删除】</a>';
return a + b;
}
}
]
],
onClickRow: function (rowIndex, row) {
alert(row.Sales_Id);
}
});
}
分享到:
相关推荐
此外,EasyUI DataGrid还支持各种定制化,如自定义列、行样式、工具栏和操作按钮。源码分析可以帮助我们理解如何通过配置选项和事件监听来实现这些定制。例如,我们可以通过监听`onClickRow`事件来实现单击行时的...
在实际应用中,Datagrid 还有很多高级功能,如行选择、单击/双击事件、自定义工具栏、分组、合并单元格等,可以根据需求进行配置和扩展。通过熟练掌握 Datagrid 的使用,可以大大提高开发效率,为用户提供更加友好的...
4. **交互性**:datagrid 支持单击、双击、右键菜单等多种用户交互方式,可以根据业务需求定制相应的事件响应,比如双击行打开详情页面,右键菜单提供更多的操作选项。 5. **动态加载**:对于大数据量的情况,...
此外,Datagrid 提供了丰富的事件回调,如 `onClickRow`、`onDblClickRow` 和 `onRowContextMenu`,这些可以用来响应用户对行的操作。同时,还有 `onSortColumn` 用于排序后的回调,以及 `onLoad` 和 `onBeforeLoad`...
4. **行内编辑**:通过设置 `onDblClickRow` 或 `onClickRow` 事件,实现当用户双击或单击行时进入编辑模式。编辑控件(如输入框)将显示在单元格中,编辑完成后通过调用 `saveRow` 方法保存更改。 5. **增删改查...
var editor = $(‘#datagrid’).datagrid(‘getEditor’, {index:rowIndex,field:”buyNum”}); editor.target.focus(); } 点击一行,开启编辑框的同时,将光标放在编辑框中。 rowIndex:是开启编辑框这行...
EasyUI文本框失去焦点事件和获取文本框内容的实现 EasyUI文本框是一种常用的UI组件,它提供了许多实用的功能,如文本框失去焦点事件和获取文本框内容等。下面我们将详细介绍EasyUI文本框失去焦点事件和获取文本框...
- **编辑模式**:单击行可以将 DataGrid 行切换到编辑模式,允许用户修改单元格数据。 - **保存更改**:完成编辑后,通过调用 DataGrid 的 API 提交更改到服务器。 - **删除记录**:删除操作通常是通过选中行然后...
EasyUI 是一个基于 jQuery 的 UI 框架,它提供了丰富的组件和易于使用的接口,用于构建用户界面。在“easyUI行内可编辑”的场景下,我们主要关注的是 EasyUI 表格(grid)组件的可编辑功能。这种功能允许用户在表格...
本示例探讨的主题是如何在用户点击DataGrid中的某一行时,打开一个自定义的网页,并将选中行的数据展示在这个网页上。DataGrid是Web开发中常用的数据展示控件,常用于展示结构化的数据集。这里我们将讨论实现这一...
此外,为了简化开发,工具类还可能包含事件监听和处理,比如单击“新增”按钮时弹出对话框,或双击行进入编辑模式等。 至于博文链接中的 `https://it-dodo.iteye.com/blog/2322199`,这是一个 IT 技术分享网站上的...
2. onClickRow 事件:在用户单击一行的时候触发,参数包括 rowIndex 和 rowData。 3. onContextMenu 事件:在用户右键点击一行的时候触发,参数包括 rowIndex 和 rowData。 四、DataGrid 应用场景 DataGrid 组件...
在本文中,我们将深入探讨EasyUI中的DataGrid组件,这是一个非常重要的数据展示工具,它集成了多种功能,如Panel(面板)、Resizable(可调整大小)、LinkButton(按钮)和Pagination(分页)组件。DataGrid提供了...
网上提供的数字键盘弹出的位置总是固定的,而且用着不灵活,我做的这个会在你鼠标单击的位置靠右侧弹出,并且允许你改变键盘里的值,我准备的例子有小时的(24以内)和分钟的(60以内)。经过IE和猎豹(有用过的吗?...
此外,描述中还提到它支持"点击列头可以排序",这意味着用户只需单击表头,数据就能根据所选列的值自动升序或降序排列。这样的功能极大地提升了数据管理和查看的便利性,使得用户可以根据需求自定义视图和快速对数据...
8. **前端交互**:DataGrid不仅可以展示数据,还支持用户交互,如点击行选中数据、单击单元格编辑数据、分页、排序等。这些交互可以通过配置DataGrid的参数实现,也可以通过监听事件来进行自定义处理。 9. **性能...
### jQuery EasyUI 1.2.4 API 中文文档概览 #### 一、Base基础 **1.1 Documentation文档** - **特性** - 提供了基础的配置选项和功能,为其他组件提供必要的支持。 - **事件** - 无特定事件,主要为其他组件...
`checkOnSelect`允许用户通过单击行来选择或取消选择行,而`rownumbers`则在每行前显示行号。此外,我们还设置了多列、自定义行高、单选或多选以及多列排序等功能。 `pagerFilter`函数接收从后台获取的全部数据,并...
用户双击或单击行时,记录当前的行位置,然后调用`reorderColumn`将行移动到新的位置。 五、实际应用示例 以下是一个简单的实现上下排序的例子: ```html <!DOCTYPE html> ...