FlexiGrid - コードのグリッドの幅を設定
-
22-08-2019 - |
質問
私は新しいアプリのために Flexigrid をしようとしている - 私は本当に感心しますそれを私はコード内の幅を設定する方法を見つけることができません。
この主な理由は、ウィンドウのサイズに完全に整列するようにGRID(グリッド内のない列)を取得することです。私はそれが水平サイズ変更の嘲笑を行い、知っているが、それは私がしなければならないものだ!
FYI私のセットアップは次のようになります:
$(document).ready(function() {
$("#flex1").flexigrid
(
{
url: '<%= ResolveUrl("~/Data.ashx") %>?filter=none',
dataType: 'json',
colModel: [
{ display: '', name: 'view', width: 20, sortable: true, align: 'center' },
{ display: 'Street', name: 'Street', width: 260, sortable: true, align: 'left' },
{ display: 'Town', name: 'Town', width: 200, sortable: true, align: 'left' },
{ display: '', name:'Actions', width:30, sortable: false, align: 'center' }
],
sortname: "Street",
sortorder: "asc",
usepager: true,
title: 'Streets',
useRp: true,
rp: 15,
showTableToggleBtn: false,
width: 800,
height: 200
}
);
});
が、以下の機能が動作しません。
function ResizeGrid() {
$('#flex1').flexOptions({ width:1000 }).flexReload();
}
これは、リフレッシュするグリッドが、より多くの何が発生します。
解決
これを投稿する前に約20分間GoogleでNO LUCKを有していないにも関わらず、マーフィーの法則は、私はちょうど、その後、別のクイック検索を試してみましたが、答えを見つけたことを意味します。
「幅」が「自動」(引用符が不可欠であることに注意してください)に設定する必要があることが判明します。
$("#flex1").flexigrid
(
{
url: '<%= ResolveUrl("~/Data.ashx") %>?filter=none',
dataType: 'json',
colModel: [
{ display: '', name: 'view', width: 20, sortable: true, align: 'center' },
{ display: 'Street', name: 'Street', width: 260, sortable: true, align: 'left' },
{ display: 'Town', name: 'Town', width: 200, sortable: true, align: 'left' },
{ display: '', name:'Actions', width:30, sortable: false, align: 'center' }
],
sortname: "Street",
sortorder: "asc",
usepager: true,
title: 'Streets',
useRp: true,
rp: 15,
showTableToggleBtn: false,
width: 'auto',
height: 200
}
);
私はこの問題を持っている誰のためにこのポストを残しておきます。
所属していません StackOverflow