Javascript FlexiGrid-在代码中设置网格宽度
我正在尝试一个新的应用程序-我对它印象深刻,但我找不到一种方法来设置代码的宽度 这样做的主要原因是使网格(而不是网格内的柱)完全与窗口的大小对齐。我知道,这是对水平调整器的嘲弄,但这就是我必须要做的 仅供参考,我的设置如下:Javascript FlexiGrid-在代码中设置网格宽度,javascript,jquery,flexigrid,Javascript,Jquery,Flexigrid,我正在尝试一个新的应用程序-我对它印象深刻,但我找不到一种方法来设置代码的宽度 这样做的主要原因是使网格(而不是网格内的柱)完全与窗口的大小对齐。我知道,这是对水平调整器的嘲弄,但这就是我必须要做的 仅供参考,我的设置如下: $(document).ready(function() { $("#flex1").flexigrid ( { url: '<%= ResolveUrl("~/Data.ashx") %>?filter=none',
$(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
}
);
});
这会导致网格刷新,但仅此而已。尽管在发布这篇文章之前大约20分钟在谷歌上没有运气,但墨菲定律意味着我在发布后尝试了另一次快速搜索并找到了答案 原来“宽度”应该设置为“自动”(注意引号是至关重要的)
$(“#flex1”).flexigrid
(
{
url:“?筛选器=无”,
数据类型:“json”,
colModel:[
{显示:'',名称:'view',宽度:20,可排序:true,对齐:'center'},
{显示:'Street',名称:'Street',宽度:260,可排序:true,对齐:'left'},
{显示:'Town',名称:'Town',宽度:200,可排序:true,对齐:'left'},
{显示:'',名称:'Actions',宽度:30,可排序:false,对齐:'center'}
],
sortname:“街道”,
分拣员:“asc”,
是的,
标题:"街道",,
useRp:是的,
rp:15,
showTableToggleBtn:false,
宽度:“自动”,
身高:200
}
);
我会把这篇文章留给其他有这个问题的人。关于列宽呢?我怎么能让它们像桌子一样调整大小呢?我试过自动,但没有“以前”和“它不起作用”,但我没有想到“自动”:P哈哈哈,Thanx人!
function ResizeGrid() {
$('#flex1').flexOptions({ width:1000 }).flexReload();
}
$("#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
}
);