FlexGrid如何设置vim 自动折行行

来源：蜘蛛抓取(WebSpider) 时间：2018-06-13 10:32 标签： css 自动折行
请问jqGrid如何实现表头中的文本自动换行
[问题点数：40分，结帖人Zhisoft]
本版专家分：0
结帖率 96.55%
CSDN今日推荐
本版专家分：0
结帖率 96.55%
本版专家分：0
结帖率 96.55%
本版专家分：0
本版专家分：454
本版专家分：45
结帖率 96.15%
匿名用户不能发表回复！|
CSDN今日推荐博客分类：
FlexGrid是一个很好的jQuery插件。下面建立一个FlexGrid
$(document).ready(function(){
var url = "companyName=" + $("#companyName").val()
+"&telephone="+$("#telephone").val() + "&account="+$("#account").val();
$("#results").flexigrid({
//id和html元素一致
url: 'SearchCmp.do',
dataType: 'json' ,
query:url,
colModel : [
{display: '企业名称', name : 'name', width : 180, sortable : true, align: 'left'},
{display: '帐号', name : 'account', width : 80, sortable : true, align: 'left'},
{display: '联系人', name : 'contact', width : 80, sortable : true, align: 'left'},
{display: '电话', name : 'telephone', width : 40, sortable : true, align: 'left'},
{display: '截止日期', name : 'expire', width : 40, sortable : true, align: 'left'},
{display: '黑名单', name : 'black', width : 20, sortable : true, align: 'left'},
{display: 'VIP', name : 'vip', width : 20, sortable : true, align: 'left'}
buttons: [{
name: '确定',
bclass: 'add',
onpress: selectok //行选择后的操作
usepager: true,
title: '查询结果',
useRp: true,
singleSelect: true, //仅允许选择单行
width: 500,
height: 200,
resizable: false,
pagestat: '显示 {from} 到 {to} 条， 共{total}条记录',
procmsg: '正在获取数据，请稍候 ...'
function selectok(com,grid){
if ($(".trSelected").length==1) {
var id="";
var name="";
var item = $('.trSelected',grid)[0];
id =item.id.substr(3);
//flexgrid自动会把列的id设置为'row'+返回记录的id，所以要去掉前面无用的字符
if($.browser.msie){
name= item.cells[0].innerT
name= item.cells[0].textC
$("#companyName").val(name);
$("#companyName",parent.document).val(name);
//因为查询窗口是通过thickbox打开的子窗口，所以，需要更新到父窗口中
$("#compid",parent.document).val(id);
//更新到父窗口
self.parent.tb_remove();
alert("你没有选择企业或者数量不对");
这里注意，提交上的URL并不是三个参数，而是只有一个，参数的名称是query，需要在代码中拆开，并且还会有2个参数做分页page和rp（每页几条记录）
String[] str = query.split("&");
String[] tmp = str[0].split("=");
String[] tmp2 = str[1].split("=");
String[] tmp3 = str[2].split("=");
companyName = tmp.length&1?tmp[1]:"" ;
telephone = tmp2.length&1?tmp2[1]:"" ;
account = tmp3.length&1?tmp3[1]:"" ;
page = page&1?1:
rp=rp&20?20:
返回的JSON数据格式和Extjs的也不一样
page:1, #表示当前页面
total:5, #总共多少记录
{id:'8abcaf60001', #这里的id会作为表格行的id，格式为'row'+id，
cell:['测试', //总共多少列和客户端代码的列数一致
{id:'8ab26c011f81b',
cell:['演示',
{id:'8aca88521f4acf9d011f7e44b0520008',
cell:['演示',
'演示招聘会'
{id:'8aca8fbb870004',
cell:['宁波',
{id:'8aca88521f4acf9d011f5ed4b1e20001',
cell:['周六',
最后页面上需要有一个容器显示表格：
&table id="results" style="display:none"&&/table&
浏览 12648
zjnbshifox
浏览: 266366 次
来自: 宁波
请问是不是ITeye的代码莫名的换行了？
在data-config.xml 里的javascript 不 ...
是flexigrid不是flexgrid
呵呵，我也在摸索阶段，谢谢提醒&div class=&q ...
还需要补充以下方法import org.apache.comm ...
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'查看: 3721|回复: 5
wijmo.grid.FlexGrid 自动列宽和行标序号
主题帖子积分
环境:html+js+json 不是asp.net
如题。请给个例子。
你们的说明的确看不懂，应该是基于asp.net的说明。纯前端展示。html+js 很多根据说明的属性和方法都不灵了。
主题帖子积分
感谢你对该问题的反馈。
wijmo5的FlexGrid是纯前端的控件，是JavaScript控件，遵循该平台的规范。
自动调整列宽的方法有：autoSizeColumn?(c, header, extra)和 autoSizeColumns?(firstColumn, lastColumn, header, extra)，对应调整单列和多列的列宽。
没有提供属性设置自动的行标序号。
wijmo5的FlexGrid的在线示例请参考如下链接：
对于调整列宽方法，只需要按照你在在JavaScript的经验，调用即可。
你说的看不懂，具体指的是什么？
发给你的产品文档：
是基于wijmo的，和asp.net不同。
请点击评分，对我的服务做出评价！&&5分为非常满意！
葡萄城控件服务团队
主题帖子积分
我自己循环加行标也是没可能对不？
主题帖子积分
通过循环设置行号自己写代码是可以实现的。
基于JavaScript，基本思路是：设置rowheader可见，通过设置headersVisibility:为wijmo.grid.HeadersVisibility.All。
循环语句设置rowheader的值，这个可以通过 flexgird的setCellData?(r, c, value, coerce) 方法实现。
请点击评分，对我的服务做出评价！&&5分为非常满意！
葡萄城控件服务团队
主题帖子积分
好的，我试试，谢谢。
主题帖子积分
不用客气。
为了给你提供更优质的服务，请对本次服务进行评分。我们会认真对待你提出的宝贵意见，谢谢& && &&&
谢谢了。解决了我的问题。
请点击评分，对我的服务做出评价！&&5分为非常满意！
葡萄城控件服务团队
微信认证勋章
Powered byVB &&&&最新内容
VB &&&&相关内容

我要回帖

更多关于 css 自动折行 的文章

 

随机推荐