论坛首页 Web前端技术论坛

jQuery插件flexigrid使用总结

浏览 90383 次
该帖已经被评为良好帖
作者 正文
   发表时间:2010-08-02  
matychen 写道
lyyb2001 写道
如何对colModel 的各列设置样式(class),如何设置colModel 的各列宽度的百分比

你可以用firebug查看它的样式设置,
列的宽度不能设置百分比,只能设置px;



没错,但是令人高兴的是,它支持变量和计算式
也就是可以变相做百分比了
奇怪的是,我做成百分比显示以后,总是会出现横向滚动条
上面有人发帖问过了,不知道还有没有人遇到过?
0 请登录后投票
   发表时间:2010-08-02  
eimsteim 写道
matychen 写道
lyyb2001 写道
如何对colModel 的各列设置样式(class),如何设置colModel 的各列宽度的百分比

你可以用firebug查看它的样式设置,
列的宽度不能设置百分比,只能设置px;



没错,但是令人高兴的是,它支持变量和计算式
也就是可以变相做百分比了
奇怪的是,我做成百分比显示以后,总是会出现横向滚动条
上面有人发帖问过了,不知道还有没有人遇到过?

你的百分比显示 ,在最里层的div里面还是px还是百分比?这个你要弄清楚。如果不能随着外面表格的变化列的宽度也跟着变化,那还是不是很好。
做成百分比的宽度了,列宽的变化不好控制了。
0 请登录后投票
   发表时间:2010-08-03  
楼主,为什么不把jquery easyUI改一改呢,jquery easyUI里有个gridTable,如果用一整套的UI更好,flexigrid的功能确实 比jquery easyUI中的gridrTable强大
0 请登录后投票
   发表时间:2010-08-04  
phoenix_85 写道
楼主,为什么不把jquery easyUI改一改呢,jquery easyUI里有个gridTable,如果用一整套的UI更好,flexigrid的功能确实 比jquery easyUI中的gridrTable强大

上次看见了,现在没什么事情看。不过你可以自己先看看啊。
0 请登录后投票
   发表时间:2010-08-15  
我发现在IE8下,快速搜索失效了,就是那个query的值在服务端取不到了,而qtype的值能取到,请楼主留意一下
0 请登录后投票
   发表时间:2010-08-15  
xyczx 写道
我发现在IE8下,快速搜索失效了,就是那个query的值在服务端取不到了,而qtype的值能取到,请楼主留意一下

如果你有时间可以看看源码,比较简单的,就是和平常的ajax请求一样的。
0 请登录后投票
   发表时间:2010-08-30  
修改或删除操作前,如果gird的列的顺序拖动改变了,根据列顺序获得关键列值就不对了,有没有根据列名获取列值的方法?
0 请登录后投票
   发表时间:2010-08-31  
locka 写道
修改或删除操作前,如果gird的列的顺序拖动改变了,根据列顺序获得关键列值就不对了,有没有根据列名获取列值的方法?


 // 获取选中的行,返回选中行的主键
    $.fn.getCheckedRows = function () {
        if (this[0].grid) {
            return this[0].grid.getCheckedRows();
        }
        return [];
    };
    // 获取选中的行,返回选中行的所有数据
    $.fn.getSelectedRows = function () {
        if (this[0].grid) {
            return this[0].grid.getSelectedRows();
        }
        return [];
    };


没有根据列名取得列值的方法。不过能知道行了,取得这列的值应该比较容易了吧,不知道你要实现什么功能。
0 请登录后投票
   发表时间:2010-08-31   最后修改:2010-08-31
比如本来第一列是name 第二列是age,第三列是grade,这三列顺序拖乱了后,就无法知道选中行的name是什么了,
如果能直接从grid中明确取得各列的值,就可以在赋值给弹出层界面的相应表单进行修改

我现在处理的方法是通过取得选中行的主键(通过id获得),在弹出修改层前ajax从数据库中再取一下赋给相应表单,感觉对字段比较少的表这样处理有点罗嗦。


另外在firefox下界面有个问题:
<table width='100%'>
	<tr>
	<td width="200">&nbsp;</td>
	<td><table id="flex" style="display: none"></table></td>
	</tr>
</table>

我把flex放在一个table的第二列,第一列固定宽度,flexgrid的width='auto',grid一共三列,每列固定宽度100,在firefox下flexgrid的宽度总是很宽,出现左右scrollbar,在ie6 ie7下没问题
0 请登录后投票
   发表时间:2010-08-31  
locka 写道
比如本来第一列是name 第二列是age,第三列是grade,这三列顺序拖乱了后,就无法知道选中行的name是什么了,
如果能直接从grid中明确取得各列的值,就可以在赋值给弹出层界面的相应表单进行修改

我现在处理的方法是通过取得选中行的主键(通过id获得),在弹出修改层前ajax从数据库中再取一下赋给相应表单,感觉对字段比较少的表这样处理有点罗嗦。


另外在firefox下界面有个问题:
<table width='100%'>
	<tr>
	<td width="200">&nbsp;</td>
	<td><table id="flex" style="display: none"></table></td>
	</tr>
</table>

我把flex放在一个table的第二列,第一列固定宽度,flexgrid的width='auto',grid一共三列,每列固定宽度100,在firefox下flexgrid的宽度总是很宽,出现左右scrollbar,在ie6 ie7下没问题


第一个问题,你得到了他的id,你可以用jquery得到这个<tr id="1">下面的其他列的值啊。
第二个问题,我还没遇到过,没有固定宽度的需求。不过可以改改代码,你在firefox下面用firebug调试看看。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics