如何在免费的jqgrid中增加表单编辑中的文本区域宽度
How to increase textarea width in form edit in free jqgrid
在最新的免费jqgrid文本区域用于内联和表单编辑。在内联编辑中,列宽应为 350px。这是在 colmodel 中指定的并且工作正常。
如何在表单编辑中增加文本区域宽度超过 350px,使其占据表单编辑窗口中的整个编辑列或具有更大的硬编码宽度?我尝试在模板中使用类属性仅在表单编辑中添加类,但类未添加到文本区域。
合作模型:
{"template":MultiLineTemplate,
"name":"Avaldis",
"editoptions":{
"class":"",
"readonly":null
},
"editrules":{"edithidden":true},
"editable":function(options){return getEditable(options,false);}
,"width":350
}
Colmodel中使用的JavaScript:
var multilinePrefix = '<div class="jqgrid-multiline-cell">';
var MultiLineTemplate = {
edittype: "textarea",
searchoptions: { sopt: ["cn", "nc"] },
formatter: function (v) {
return multilinePrefix + (v == null ? '' : $.jgrid.htmlEncode(v)) + '</div>';
},
unformat: function (cellvalue) {
return cellvalue;
},
editoptions:
{
rows: 3,
wrap: "off",
style: 'overflow-x: hidden',
}
};
function getEditable(options, isReadonly) {
if (!isReadonly) {
return true;
}
if (options.mode === "cell" || options.mode === "add" || options.mode === "edit") {
return true;
}
return "readonly";
}
风格:
.jqgrid-multiline-cell {
max-height: 2.8em;
overflow-x: hidden;
}
问题如何仅限制网格中的jqgrid文本区域高度与此有关。
我想
你可以通过添加editoptions
的属性cols: 20
来解决问题:
editoptions: { cols: 20 }
到具有edittype: "textarea"
的列。
相关文章:
- 文本编辑后,append函数不适用于文本区域
- Sitecore富文本编辑器-添加按钮
- 实时协作富文本编辑
- 正在寻找具有多种功能的文本编辑器
- 简单的Javascript文本编辑器或一组函数
- 具有.txt输出的富文本编辑器
- 文本编辑工具栏解决方案 (js),具有低级自定义
- 无法在实时服务器中发布富文本编辑器内容
- 是否可以在没有CMS的情况下使用富文本编辑器
- 用PHP文本编辑器压缩和合并JS文件
- HTML5中具有过程格式的单行文本编辑器
- TinyMCE文本编辑器最大字符限制
- Bootstrap 3的就地文本编辑组件
- 如何使用剑道富文本编辑器自动大写第一个字母
- 替换富文本编辑器中的 HTML 标记
- JQuery/Javascript源;图像模板”;文本编辑
- JQuery文本编辑器-在工具栏中添加其他下拉列表
- Redactor文本编辑器– 在代码视图中重新缩进缩小的HTML
- YUI富文本编辑器和Chrome中的同源策略
- 使用JQUERY/Javascript获取DotNetNuke文本编辑器HTML值