|
锁定老帖子 主题：jQuery插件flexigrid使用总结
该帖已经被评为良好帖
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2010-05-21
楼主，有空能帮我看看嘛？谢谢了
我搞不定啊。 |
| 返回顶楼 | |
|
发表时间：2010-05-26
LZ，这个插件在列百分比上真的没法改造了么，自己尝试了N种办法总不能达到最好效果。。。
|
| 返回顶楼 | |
|
发表时间：2010-05-26
chen8401314 写道 LZ，这个插件在列百分比上真的没法改造了么，自己尝试了N种办法总不能达到最好效果。。。
不知道你动手做了，遇到其他问题，还是没动手做。
//源码828行
if (cm.width){
var aa=cm.width+"";
// alert(aa);
// alert(aa.substring(0,2));
aa= new Number(aa.substring(0,2));//去掉百分号啊
// alert(aa);
// alert(new Number(p.width));
// p.width:为你配置的表格宽度
//为什么-100,自己慢慢试出来的-_-!
aa=(aa/100).toFixed(3)*(new Number(p.width)-100);
// alert(aa);
$(th).attr('width', aa);
}
colModel : [{
display : 'ID',
name : 'id',
width : "10%",// 得加上 要不IE报错
sortable : true,
align : 'center'
}, {
display : '商品名称',
name : 'name',
width : "10%",
sortable : true,
align : 'center'
}, {
display : '标准',
name : 'stand',
width : "20%",
sortable : true,
align : 'center'
}, {
display : '单价',
name : 'money',
width : "30%",
sortable : true,
align : 'center'
}, {
display : '库存',
name : 'leavings',
width : "10%",
sortable : true,
align : 'center'
}, {
display : '已经订购',
name : 'orders',
width : "20%",
sortable : true,
align : 'center'
}],
还有个问题没解决的就是点击表头的时候那个旁边的显示隐藏列，最右边的那条竖线不见了，等有时间了，再看看吧。 |
| 返回顶楼 | |
|
发表时间：2010-05-26
最后修改：2010-05-26
.flexigrid div.hDiv th div
{
}
.flexigrid div.hDiv td
{
border-right: 1px solid #d2e3ec;
border-left: 1px solid #eef8ff;
}
.flexigrid div.nBtn
{
position: absolute;
height: 24px;
width: 14px;
z-index: 900;
background: #fafafa url(images_gray/fhbg.gif) repeat-x bottom;
border: 0px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
top: 0px;
left: 0px;
margin-top: 1px;
cursor: pointer;
display: block;
}
增加
border-right: 1px solid #ccc;
.flexigrid div.hDiv th.thOver div, .flexigrid div.hDiv th.sorted.thOver div
{
/*border-bottom: 1px solid orange;*/
padding-bottom: 4px;
}
.flexigrid div.hDiv td.cth
{
/*
border-right:solid 2px #eee;
*/
padding-right: 2px;
}
|
| 返回顶楼 | |
|
发表时间：2010-05-27
matychen 写道 我感觉这个弹框插件jqmodal不是很好，你这个用的是什么插件？
可以用BlockUI的，那个挺好 |
| 返回顶楼 | |
|
发表时间：2010-05-27
coldfox 写道 matychen 写道 我感觉这个弹框插件jqmodal不是很好，你这个用的是什么插件？
可以用BlockUI的，那个挺好 好的，有时间可以试一试 |
| 返回顶楼 | |
|
发表时间：2010-06-02
请教个问题，如果需要查询的条件不只一个。
参数数写在哪里呢？如果直接写在请求地址后面，是中文就不行了。
$("#groupTable").flexOptions({
newp: 1,
url : '${ctx}/userGroup/getUserGroups.do?'+'userName=test&groupName=test'
}).flexReload();
|
| 返回顶楼 | |
|
发表时间：2010-06-02
最后修改：2010-06-02
loveExtJs 写道 请教个问题，如果需要查询的条件不只一个。
参数数写在哪里呢？如果直接写在请求地址后面，是中文就不行了。
$("#groupTable").flexOptions({
newp: 1,
url : '${ctx}/userGroup/getUserGroups.do?'+'userName=test&groupName=test'
}).flexReload();
这个问题我准备另外开贴说明的，还是在这里说明了吧 在源码19行左右加上：
p = $.extend({
addparams:[],//查询时带上的参数,$.ajax({ 这个前面一行。//add chenxin************
height : 200, // flexigrid插件的高度，单位为px
在源码630行左右加上：
if (p.params) {
for (var pi = 0; pi < p.params.length; pi++)
param[param.length] = p.params[pi];
}
param=param.concat(p.addparams);//add chenxin**************
$.ajax({
type : p.method,
url : p.url,
查询函数如下：
function doquery() {
var phone = $("#phone").val();
var time = $("#time").val();
var code = $("#code1").val();
var url = "find.action";
var params = [{//注意格式
name : 'phone',
value : phone
}, {
name : 'time',
value : time
}, {
name : 'code',
value : code
}];
$('#flex').flexOptions({//重置表格的某些参数
page : 1,//设置起始页
addparams : params//设置查询参数
}).flexReload();//reload
}
不懂的可以站内信问。 |
| 返回顶楼 | |
|
发表时间：2010-06-02
最后修改：2010-06-02
多写了个param
param=param.concat(p.addparams);//add chenxin************** 已测试通过，非常感谢，希望搂住能继续完善这个控件，很好强大！ |
| 返回顶楼 | |
|
发表时间：2010-06-08
loveExtJs 写道 请问楼主一个问题，能不能自动显示行号呢？ 1，2，3，4，5....显示下去。
老版本好像有，这个版本怎么设置呢？ 这个我当时是在后台作为数据列传进来的，效果还行。 |
| 返回顶楼 | |
