0 
$("#tabs").tabs({
        show: function (event, ui) {
            if (ui.index == 1){
                $.get('/Account/SomeView', function (data) {
                    //alert(data);
                    $('#tabs-2').html(data);
                });

            }
        },
        selected: 0,
    });

    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">TAB 1</a></li>
            <li><a href="#tabs-2">TAB 2</a></li>
            <li><a href="#tabs-3">TAB 3</a></li>
        </ul>
        <div id="tabs-1">
            @{ Html.RenderPartial("View"); }
        </div>
        <div id="tabs-2">

        </div>
        <div id="tabs-3">
           @{ Html.RenderPartial("View2"); }
        </div>
    </div>

問題は、selected:1グリッドのロードに問題のない ajax データを完全にロードするときですが、selected:0 or 2タブ 2、つまりインデックス タブ インデックス 1 に移動すると、サーバーからのデータは来ていますが、空白のグリッドが表示されません。

//alert(data);私はデバッグしました.2番目のタブをクリックすると毎回サーバーからのデータが表示されます.

jquery uiタブのドキュメントで、これを読みました Any component that requires some dimensional computation for its initialization won't work in a hidden tab, because the tab panel itself is hidden via display: none so that any elements inside won't report their actual width and height (0 in most browsers).

これは私の問題と関係がありますか? または何が問題なのですか？

更新：これは、アラート（データ）を配置したときにデータを取得するものです

<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('#office').jqGrid({
autowidth:false,
caption:'office Grid',
datatype:'json',
emptyrecords:'No Records Found',
gridview:true,
height:150,
pager:'#Officepager',
pgbuttons:false,
pgtext:'',
rowNum:-1,
sortname:'City',
toolbar:[true,'bottom'],
url:'/Account/GetOffice/',
editurl:'/Account/ModifyOffice/',
viewrecords:true,
width:'1160',
colModel: [
{
name:'OfficeId',
hidden:true,
label:'Id',
index:'OfficeId',
editable:true,
editrules:{edithidden:true},
editoptions:{disabled:'disabled'}
},{
name:'OfficeName',
label:'Office Name',
index:'OfficeName',
editable:true,
editrules:{required:true},
},{

name:'CompanyName',
label:'Company Name',
width:50,
index:'CompanyName',
editable:true,
edittype:'select',
editoptions:{value:getCompanyName()}
},{
name:'Address1',
hidden:true,
label:'Address 1',
index:'Address1',
editable:true,
editrules:{edithidden:true,required:true},
},{
name:'Address2',
hidden:true,
label:'Address 2',
index:'Address2',
editable:true,
editrules:{edithidden:true},
},{
name:'Address',
label:'Address',
index:'Address',
editable:false,
},{
name:'City',
label:'City',
index:'City',
editable:true,
},{
name:'State',
hidden:false,
label:'State',
index:'State',
editable:true,
editrules:{required:true},
}]

});
jQuery('#office').jqGrid('navGrid',"#Officepager",{edit:true,add:true,del:true,search:false,refresh:true},{width:550,closeAfterEdit:true,beforeShowForm:function(FrmGrid_office){$('#tr_OfficId').css('display','none');},afterSubmit:processAddEdit},{width:550,beforeShowForm:function(FrmGrid_office){$('#tr_OfficId').css('display','none');},reloadAfterSubmit:true,errorTextFormat:errorHandle,afterSubmit:processAddEdit}); 
jQuery('#office').jqGrid('filterToolbar', {stringResult:true, searchOnEnter:false});
});
</script>

<table id="office"></table><div id="Officepager"></div>
<script>
function getCompanyName() {
    var mbsCompName = $.ajax({
        url: '/Account/GetCompanyName',
        async: false
    }).responseText;
    return mbsCompName.substring(1, mbsCompName.length - 1);
}
function errorHandle(data) {
    return '<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>' +
        "<strong>Error:<strong></br>Status: '" + data.statusText + "'. Error code: " + data.status;

}
function processAddEdit(response, postdata) {
    var json = response.responseText;
    var result = eval("(" + json + ")");
    return [result.sc, result.msg, null];
}
</script>
4

1 に答える 1

0

html の読み込みが完了したら、jqgrid 関数を呼び出します。

 load: function(event, ui) {
        $(ui.panel).delegate('a', 'click', function(event) {
            $(ui.panel).load(this.href, function(){
                $("#gridpanel").jqugrid({
                       ..................................
               })
            });
            event.preventDefault();
        });
    }
于 2012-05-29T05:03:18.717 に答える