easyui datagrid 里面加文本框 textarea

最新推荐文章于 2022-05-20 13:49:48 发布

SNK9527

最新推荐文章于 2022-05-20 13:49:48 发布

阅读量2.5k

点赞数

本文链接：https://blog.csdn.net/a843013383/article/details/103925802

版权

easyui 自带有通过editor来给datagrid的每一行都加输入框.
但是只有单行输入框没有多行 textarea的输入框.
如何再easyui datagrid 里面加文本框 textarea呢?
下面直接上代码
formatter 写成这样

function formatter(val, row, index) {

   return '<textarea id = "textarea'+row.id+'" style="height:100px;width:400px;"  >'+val+'</textarea>';
  }
 }

原理就是再datagrid每行的输入框里面加textarea ,给每个textarea都加上了一个ID

取值方法

function getValue() {
 
  var rows = $("#datagrid").datagrid('getRows');
  var textareaString = "";
  var ids = "";
  for (var i = 0; i < rows.length; i++) {
   ids += rows[i].id+","
   textareaString += $("#textarea" + rows[i].id).val() + ",";
  }
}

textareaString 就是datagrid里面textarea的值了