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 ...
随机推荐
- LY.JAVA面向对象编程.封装、this、构造方法
2018-07-07 this关键字 构造方法 /* 我们一直在使用构造方法,但是,我们确没有定义构造方法,用的是哪里来的呢? 构造方法的注意事项: A:如果我们没有给出构造方法,系统将自动提供一个无 ...
- loaclStorage、sessionStorage
这里需要注意的是这两种储存方式只能以字符串的形式来存取 html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage.sessionStorage用于 ...
- Linux U盘安装
Ubuntu 15 U盘安装: 用UltraISO把iso文件写入到U盘中,选择hdd+模式. u盘启动后提示not a com32r image,先按tab键,然后输入live进入试用模式,然后再点 ...
- block,inline-block,行内元素区别及浮动
1.block: 默认占据一行空间,盒子外的元素被迫另起一行 2.inline-block: 行内块盒子,可以设置宽高 3.行内元素: 宽度即使内容宽度,不能设置宽高,如果要设置宽高,需要转换成行内块 ...
- python学习例子
http://www.runoob.com/python/python-100-examples.html
- L1-055 谁是赢家
某电视台的娱乐节目有个表演评审环节,每次安排两位艺人表演,他们的胜负由观众投票和 3 名评委投票两部分共同决定.规则为:如果一位艺人的观众票数高,且得到至少 1 名评委的认可,该艺人就胜出:或艺人的观 ...
- 开发框架DevExtreme全新发布v18.2.6|附下载
DevExtreme Complete Subscription是性能最优的 HTML5,CSS 和 JavaScript 移动.Web开发框架,可以直接在Visual Studio集成开发环境,构建 ...
- matlab运行中出现“Caught "std::exception" Exception message is: Message Catalog MATLAB:builtins was not loaded from the file."
在我运行过程中,经常爆出这一不确定是什么的问题,经排查后发现,原来是fopen 文件后,没有及时fclose导致的.
- jaxb 组装及解析xml
参考 http://blog.csdn.net/yanan_seachange/article/details/7325708 a.添加依赖 b.建立绑定关系 c.测试 a.添加依赖 <depe ...
- Unity最新版打包AssetBundle和加载的方法
一.设置assetBundleName二.构建AssetBundle包三.上传AssetBundle到服务器四.把AssetBundle放到本地五.操作AssetBundle六.完整例子七.Asset ...