EasyUI datagrid 选择单元格 出现文本框 修改 四
@disabled = "disabled", 只读属性
数据初始化
public JsonResult RateList(string dispatch_number, string target_currency)
{
var product = new[]
{
new { REQUEST_FUNDS_CURRENCY ="RMB" ,RATE_VALUE="2.32"},
new { REQUEST_FUNDS_CURRENCY ="RMB1" ,RATE_VALUE="2.12"},
new { REQUEST_FUNDS_CURRENCY ="RMB2" ,RATE_VALUE="2.34"},
};
return Json(new { total = product.Count(), rows = product }, JsonRequestBehavior.AllowGet);
}
<link href="~/Content/easyui.css" rel="stylesheet" />
<link href="~/Content/icon.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery.easyui.min.js"></script> <div style="width:300px; height:350px;">
<button id="qq" >dfsd</button>
<table id="Cse_Bespeak_Log" ></table>
</div>
<script type="text/javascript">
$('#qq').click(function () { //保存的时候 最后 一个框还没完成 修改
if (endEditCal()) {
console.log();
} });
var RATE_VALUE;
$.extend($.fn.datagrid.methods, {
beginEditCell: function (jq, param) {
return jq.each(function () {
var opts = $(this).datagrid('options');
var fields = $(this).datagrid('getColumnFields', true).concat($(this).datagrid('getColumnFields'));
for (var i = ; i < fields.length; i++) {
var col = $(this).datagrid('getColumnOption', fields[i]);
col.editor1 = col.editor;
if (fields[i] != param.field) {
col.editor = null;
}
}
$(this).datagrid('beginEdit', param.index);
for (var i = ; i < fields.length; i++) {
var col = $(this).datagrid('getColumnOption', fields[i]);
col.editor = col.editor1;
}
});
}
});
var editIndex = -;
function endEditCal() {
if (editIndex == -) {
return true;
}
if ($('#Cse_Bespeak_Log').datagrid('validateRow', editIndex)) {
$('#Cse_Bespeak_Log').datagrid('endEdit', editIndex);
editIndex = -;
return true;
}
else {
return false;
}
}
$("#Cse_Bespeak_Log").datagrid({
url: "@Url.Action("RateList")",
queryParams: {
dispatch_number: "",
target_currency: "",
},
loadMsg: "数据加载中......",
rownumbers: true,
autoRowHeight: false,
fit: true,
fitColumns: false,
striped: true,
singleSelect: true,
collapsible: false,
pagination: false,
columns: [[
{
field: 'REQUEST_FUNDS_CURRENCY', title: '请款币别', width: ,
},
{
field: 'RATE_VALUE', title: '汇率', width: ,
editor: { type: 'text', },
styler: function (value, row, index) {
return 'background-color:#ecffff;';
},
}]],
onClickCell: function (index, field, value) { //编辑一个单元格
if (endEditCal()) {
$(this).datagrid('selectRow', index).datagrid('beginEditCell', { index: index, field: field }); //编辑一个单元格
//$(this).datagrid('beginEdit', index); //编辑一行
RATE_VALUE = $(this).datagrid("getRows")[index].RATE_VALUE;
editIndex = index;
}
else { }
},
onAfterEdit: function (index, row, changes) {//改变后触发
console.log(changes.RATE_VALUE);
if(changes.RATE_VALUE<)
{
$('#Cse_Bespeak_Log').datagrid('updateRow', {
index: index,
row: {
RATE_VALUE:
},
});
}
} }); </script>
EasyUI datagrid 选择单元格 出现文本框 修改 四的更多相关文章
- easyui datagrid单击单元格选择此列
示例代码实现单击jquery easyui datagrid的单元格时,取消datagrid默认选中高亮此行的样式,改为选中单击的单元格所在的列,高亮此列上的所有单元格.可以配置全局single变量, ...
- 扩展jquery easyui datagrid编辑单元格
扩展jquery easyui datagrid编辑单元格 1.随便聊聊 这段时间由于工作上的业务需求,对jquery easyui比较感兴趣,根据比较浅薄的js知识,对jquery easyui中的 ...
- Easyui datagrid 扩展单元格textarea editor
datagrid 扩展单元格textarea editor by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 问题描述 如下,在没有扩展的情况下,初始化如下 手 ...
- JS实现EasyUI ,Datagrid,合并单元格功能
为了实现datagrid的合并单元格效果,datagrid的数据加载方式肯定是要写在JS文件内部的. 一:在JS内部添加Datagrid数据加载方法如下: $("#id").dat ...
- easyui datagrid 合并单元格
整理以前做的东西,这个合并单元格的问题再新浪博客也写过了..... 下面这段代码是列表数据 //载入排放系数管理报表数据 function LoadEmissionReportData() { //获 ...
- EasyUI DataGrid 编辑单元格
如下图: 现改为单击某个单元格只对此单元格进行可编辑 <TABLE>标记添加 onClickCell <table id="dg" class="eas ...
- EasyUI DataGrid编辑单元格时使用combogrid
仅提供一段columns配置代码供参考: conditions对象是一个已赋值的数组对象集合.下拉框数据可直接使用conditions数据,也可以通过url获取. columns : [[ { fie ...
- easyui datagrid 自定义单元格单击与双击事件(Day_38)
$(function(){ $('#tableId').datagrid({//单击事件 onClickRow:function(rowIndex,rowData){ alert("单 ...
- EasyUI datagrid单元格文本超出显示省略号,鼠标移动到单元格显示文本
nowrap : true; 是前提 $('#×××').datagrid({ nowrap : true,//设置为true,当数据长度超出列宽时将会自动截取 }); 省略号样式: <sty ...
随机推荐
- mac ci框架安装使用 memcached存session
mac 安装memcached brew info memcached brew install memcached brew install memcached 安装过程具体不详细多讲 memcac ...
- VIM编辑配置文件基本操作
vim /etc/apt/sources.list 按insert键进入编辑状态 编辑完成以后按ESC退出编辑状态 输入 ":"进入命令状态,常用命令: 1.W:write ,写 ...
- learning scala 数组和容器
数组:可变的,可索引的,元素具有相同类型的数据集合 一维数组 scala> val intValueArr = new Array[Int](3)intValueArr: Array[Int] ...
- http协商缓存VS强缓存
之前一直对浏览器缓存只能描述一个大概,深层次的原理不能描述上来:终于在前端的两次面试过程中被问倒下,为了泄恨,查阅一些资料最终对其有了一个更深入的理解,废话不多说,赶紧来看看浏览器缓存的那些事吧,有不 ...
- js中有哪几种函数?
匿名函数,回调函数,递归函数,构造函数
- wordpress有用的插件
代码高亮 https://wordpress.org/plugins/crayon-syntax-highlighter/ 这个貌似比较好用 百度UEditor(富文本编辑器) https://www ...
- 关于ArrayList中的iterator返回的事迭代器实例问题。
Arraylist是一个具体的类,它并没有定义它自己的iterator()方法,,它只是从AbstractList 这个抽象类中继承了iterator()这个方法,而AbstractList 中的it ...
- [深入理解Java虚拟机]<垃圾收集器与内存分配策略>
Overview 垃圾收集考虑三件事: 哪些内存需要回收? 什么时候回收? 如何回收? 重点考虑Java堆中动态分配和回收的内存. Is Object alive? 引用计数法 给对象添加一个引用计数 ...
- Example of Abstract Class
The Vehicle class has abstract members that must be implemented by the Car class or any other class ...
- scrapy框架发送post请求
注:scrapy框架默认发送get请求 1.想要发送post请求,那么推荐使用‘scrapy.FormRequest’方法.可以方便的制定表单数据.request = scrapy.FormReque ...