javascript - jqgrid viewGridRow对话框大跨度和图标-6ren

javascript - jqgrid viewGridRow对话框大跨度和图标

转载作者：技术小花猫更新时间：2023-10-29 11:37:41

<分区>

我有一个包含一些数据的 JQGRID，我想在用户双击行时在对话框中显示行数据。用:

ondblClickRow: function(rowid) {
    jQuery(this).jqGrid('viewGridRow', rowid);
}

但是我遇到了两个问题:

1:我在其中一个字段中有一个图标，当它在对话框中显示时，它的位置搞砸了(见下图)。

2:我在最后一个字段中有一个长文本(最多 150 个字符)。该对话框以很长的跨度显示它，并创建一个水平滚动条。我希望它以几行或类似文本区域的形式显示文本，以便创建一个垂直滚动条。已经试过了:

afterShowForm: function(form) { form.css("width", "fixed"); }

但是没有用。

我正在考虑获得与“editGridRow”相同的样式，但类似于仅查看。但它也没有成功。

有人知道我该如何解决这个问题吗？

编辑:

抱歉各位，我是这样填充网格的!

<script type="text/javascript">

    $(function() {
        jQuery("#gridJson").jqGrid({ 

            url:'Consulta_Dados_Ultimos.asp', 
            datatype: "json", 
            colNames:['N°','Data','Valor','Obs','Status'], 
            colModel:[ 
                        {name:'num_solicit_vale', align:'center', sorttype:'int', width:80}, 

                        {name:'data_solicit_vale',index:'data_solicit_vale',width:95,align:'center',sorttype:'date',

                            formatter:'date',formatoptions: {srcformat:'d/m/Y H:i', newformat:'d/m/Y H:i'}}, 
                        {name:'valor',index:'valor',width:80, align:'left', formatter:'currencyFmatter'}, 


                        {name:'obs_solicit_vale', sortable:false, width:240},
                        {name:'status_solicit_vale',index:'status_solicit_vale',width:80, formatter:'iconFmatter'}
                        ],  
            rowNum:10, 
            rowList: [10,20,30],
            rownumbers:true, 
            pager: '#pager', 
            sortname: 'data_solicit_vale', 
            viewrecords: true, 
            sortorder: "desc", 
            loadonce: true,
            gridview: true,
            hidegrid: false,
            height: 230,
            autowidth: '100%',
            shrinkToFit: false,
            viewrecords: true,
            caption:"Consulta Solicitacao Vale Transporte",
            jsonReader: {
                repeatitems: false,
                root: "rows",
                total: "total",
                records: "records",
                id: "idsolicit_vale"
            },
            ondblClickRow: function(rowid) {
                jQuery(this).jqGrid('viewGridRow', rowid);
            }


        }); 

        jQuery("#gridJson").jqGrid('navGrid', '#pager', {edit:false,add:false,del:false});
    });

这是表格:

    <table id="gridJson"/>
        <thead>
            <tr align="center">
              <th>NUM SOLICIT</th>
              <th>VALOR</th>
              <th>OBS</th>
              <th>STATUS</th>
              <th>DATA SOLICIT</th>
            </tr>
        </thead>
     </table>
         <div id="pager"></div>

图像:http://i.stack.imgur.com/dphDB.jpg

编辑:

解决了这些问题，但图标在 Internet Explorer 8 中变得很奇怪。这是图标的代码:

    <div class="ui-state-attention ui-corner-all" style="display:table">
       <span class="ui-icon ui-icon-alert" title="Aguardando"></span>
    </div>

FIREFOX 中的图标: Firefox IE8 中的图标: IE8