@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 选择单元格 出现文本框 修改 四的更多相关文章

  1. easyui datagrid单击单元格选择此列

    示例代码实现单击jquery easyui datagrid的单元格时,取消datagrid默认选中高亮此行的样式,改为选中单击的单元格所在的列,高亮此列上的所有单元格.可以配置全局single变量, ...

  2. 扩展jquery easyui datagrid编辑单元格

    扩展jquery easyui datagrid编辑单元格 1.随便聊聊 这段时间由于工作上的业务需求,对jquery easyui比较感兴趣,根据比较浅薄的js知识,对jquery easyui中的 ...

  3. Easyui datagrid 扩展单元格textarea editor

    datagrid 扩展单元格textarea editor by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 问题描述 如下,在没有扩展的情况下,初始化如下 手 ...

  4. JS实现EasyUI ,Datagrid,合并单元格功能

    为了实现datagrid的合并单元格效果,datagrid的数据加载方式肯定是要写在JS文件内部的. 一:在JS内部添加Datagrid数据加载方法如下: $("#id").dat ...

  5. easyui datagrid 合并单元格

    整理以前做的东西,这个合并单元格的问题再新浪博客也写过了..... 下面这段代码是列表数据 //载入排放系数管理报表数据 function LoadEmissionReportData() { //获 ...

  6. EasyUI DataGrid 编辑单元格

    如下图: 现改为单击某个单元格只对此单元格进行可编辑 <TABLE>标记添加 onClickCell <table id="dg" class="eas ...

  7. EasyUI DataGrid编辑单元格时使用combogrid

    仅提供一段columns配置代码供参考: conditions对象是一个已赋值的数组对象集合.下拉框数据可直接使用conditions数据,也可以通过url获取. columns : [[ { fie ...

  8. easyui datagrid 自定义单元格单击与双击事件(Day_38)

    $(function(){ $('#tableId').datagrid({//单击事件   onClickRow:function(rowIndex,rowData){  alert("单 ...

  9. EasyUI datagrid单元格文本超出显示省略号,鼠标移动到单元格显示文本

    nowrap : true;  是前提 $('#×××').datagrid({ nowrap : true,//设置为true,当数据长度超出列宽时将会自动截取 }); 省略号样式: <sty ...

随机推荐

  1. LY.JAVA面向对象编程.封装、this、构造方法

    2018-07-07 this关键字 构造方法 /* 我们一直在使用构造方法,但是,我们确没有定义构造方法,用的是哪里来的呢? 构造方法的注意事项: A:如果我们没有给出构造方法,系统将自动提供一个无 ...

  2. loaclStorage、sessionStorage

    这里需要注意的是这两种储存方式只能以字符串的形式来存取 html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage.sessionStorage用于 ...

  3. Linux U盘安装

    Ubuntu 15 U盘安装: 用UltraISO把iso文件写入到U盘中,选择hdd+模式. u盘启动后提示not a com32r image,先按tab键,然后输入live进入试用模式,然后再点 ...

  4. block,inline-block,行内元素区别及浮动

    1.block: 默认占据一行空间,盒子外的元素被迫另起一行 2.inline-block: 行内块盒子,可以设置宽高 3.行内元素: 宽度即使内容宽度,不能设置宽高,如果要设置宽高,需要转换成行内块 ...

  5. python学习例子

    http://www.runoob.com/python/python-100-examples.html

  6. L1-055 谁是赢家

    某电视台的娱乐节目有个表演评审环节,每次安排两位艺人表演,他们的胜负由观众投票和 3 名评委投票两部分共同决定.规则为:如果一位艺人的观众票数高,且得到至少 1 名评委的认可,该艺人就胜出:或艺人的观 ...

  7. 开发框架DevExtreme全新发布v18.2.6|附下载

    DevExtreme Complete Subscription是性能最优的 HTML5,CSS 和 JavaScript 移动.Web开发框架,可以直接在Visual Studio集成开发环境,构建 ...

  8. matlab运行中出现“Caught "std::exception" Exception message is: Message Catalog MATLAB:builtins was not loaded from the file."

    在我运行过程中,经常爆出这一不确定是什么的问题,经排查后发现,原来是fopen 文件后,没有及时fclose导致的.

  9. jaxb 组装及解析xml

    参考 http://blog.csdn.net/yanan_seachange/article/details/7325708 a.添加依赖 b.建立绑定关系 c.测试 a.添加依赖 <depe ...

  10. Unity最新版打包AssetBundle和加载的方法

    一.设置assetBundleName二.构建AssetBundle包三.上传AssetBundle到服务器四.把AssetBundle放到本地五.操作AssetBundle六.完整例子七.Asset ...