我有一个带有一些数据的JQGRID,Id喜欢在用户双击该行时在对话框中显示行数据.
这样做:
ondblClickRow: function(rowid) {
jQuery(this).jqGrid('viewGridRow',rowid);
}
但我有两个问题:
1:我在其中一个字段中有一个图标,当它在对话框中显示时,它的位置搞砸了(见下图).
2:我在最后一个字段中有一个长文本(最多150个字符).该对话框以很长的跨度显示它,并创建一个水平滚动条.我想让它以几行或类似textarea的方式显示文本,以便创建一个垂直滚动条.
已经尝试过这个:
afterShowForm: function(form) { form.css("width","fixed"); }
但它没有用.
我正在考虑获得“editGridRow”的相同样式,但仅限于查看.但它也没有成功.
任何人都知道如何解决这个问题?
**
编辑:
**
对不起伙计们,继承人我是如何填补网格的!
见表:
图片:http://i.stack.imgur.com/dphDB.jpg
**
编辑:
**
解决了这些问题,但在Internet Explorer 8中图标变得怪异.
这是图标的代码:
ICON in FIREFOX:
IE8中的ICON:
最佳答案
视图表单将显示为HTML表格.关于表格中文本的包装,您可以阅读this和this旧答案.
如果是View表单,您可以使用以下CSS样式
div.ui-jqdialog-content td.form-view-data {
white-space: normal !important;
height: auto;
vertical-align: middle;
padding-top: 3px; padding-bottom: 3px
}
在具有长数据的视图表单看起来像的情况下
如果检查相应的HTML代码,则在长文本的第一行中错误的左浮动的问题将会很明显.你会看到& nbsp;在每个单元格的开头都有数据.空单元格有& nbsp;< span>& nbsp;< / span>正如HTML包含的那样.我不确定这是否是一个错误& nbsp;将被插入两次,但如果包装文本& nbsp;不好.例如,可以使用以下代码删除它:
beforeShowForm: function ($form){
$form.find("td.DataTD").each(function () {
var html = $(this).html(); //
您不会发布从“状态”列填充图标的方式.我希望,经过上述修改后,图标看起来会更好看.如果您仍然有任何问题,可以检查相应单元格中的HTML代码(您可以在beforeShowForm的代码中包含alert(html))并修改代码以便更好地显示它.
猜你在找的CSS相关文章