标签: flexigrid

与Flexigrid一致的网格标题?

所以我正在尝试使用flexigrid插件.除了看起来你必须手动设置列宽之外,看起来它的效果会很好.否则,列标题与正文列不匹配.

是否有任何方法可以自动匹配这些,同时仍然允许列宽度由列中内容的长度定义(正常的表行为).

grid jquery flexigrid

12
推荐指数
3
解决办法
1万
查看次数

Flexigrid - 如何关闭行选择

是否可以关闭Flexigrid上的行选择功能?当你没有实现任何使用选择的东西时,这有点烦人.

替代文字http://i45.tinypic.com/vxgmrt.png

flexigrid

9
推荐指数
2
解决办法
5541
查看次数

如何使用Flexigrid处理行onclick事件?

我的flexigrid已设置完毕.我需要的只是当用户点击一行时调用的事件.从那里,我将根据该行中包含的数据将用户发送到另一个页面.但我似乎无法找到任何关于如何做到这一点的例子.

我正在寻找一个关于如何使用flexigrid处理行onclick事件的明确示例.

我也对在这种情况下可以使用的任何其他javascript表框架感兴趣.我一直在偷看DataTables,看起来它可能是一个更好的选择(并且项目看起来更活跃)

javascript jquery flexigrid

9
推荐指数
1
解决办法
8994
查看次数

什么是客户端 - 服务器交互的最佳实践?

我正在构建一个工作网站,其中一个更重要的功能是显示数据的丰富内容网格.默认情况下,它每页只显示20个项目,但我们在数据库中有大约200个项目可以进行过滤,排序和搜索.

我们的销售和营销团队还要求"全部列出"功能,以便他们可以在一个地方显示所有数据并滚动浏览而不是翻阅数据.

Flexigrid数据

整个系统使用服务器端的ASP.Net MVC,客户端的jQuery和Flexigrid构建,并使用JSON通过AJAX在两者之间交换数据.

我已经得到了实际的数据传输部分非常可靠.一个20页的结果页面需要800毫秒的整个请求(通过Flexigrid向服务器POST请求并获得响应).更多的是客户端处理需要一段时间.

我可以将一些客户端处理卸载到服务器.但这会使服务器端操作花费更长时间并使文档的大小返回更大.在高速互联网连接的情况下不是问题......但事实并非如此.

我的另一个选择是尽可能多地下载数据并将大部分数据处理转移到客户端.这将请求时间减少到基本为零(仅获取更改的元素而不是整个数据集).它在具有快速CPU和大量RAM的机器上运行良好,但情况也不一定如此.

由于至少有一人将此标记为"不是真正的问题",让我澄清一下......

  • 我可以做些什么来减轻客户端处理时间问题,而无需将太多处理移动到服务器上,最终导致数据传输时间问题?
  • 在平衡客户端处理与服务器端处理时,有哪些最佳实践?
  • 在服务器端或客户端犯错是否更好?
  • 我可以使用哪些工具来更好地优化这些交换,以便事情不会继续出错?

ajax asp.net-mvc flexigrid

9
推荐指数
1
解决办法
1105
查看次数

想要拉伸Flexigrid中的最后一列

我没有找到任何方法在百分比方面在flexigrid中应用列宽.
我给出了如下绝对长度:

colModel : [
    {display:'ISO', width:50},
    {display:'Name', width:300},
    {display:'Printable Name', width:200},
    {display:'ISO3', width:200},
    {display:'Number Code', width:100},
],
Run Code Online (Sandbox Code Playgroud)

所以发生的事情是,当我调整最后一列时,右侧有一个空白区域.请参考截图.

在此输入图像描述

有没有办法让最后一列占据剩余的空间,其余的列绝对.这个功能已在我们的应用程序中的Flex中实现,我无法知道它是如何完成的.

javascript jquery flexigrid

7
推荐指数
1
解决办法
2990
查看次数

jQuery的Flexigrid在标题中显示/隐藏列功能

这是我的Flexigrid:

$("#grUser").flexigrid({
    url: 'someJSON.php'
    , dataType: 'json'
    , colModel : 
    [
        {display: '', name : 'Index', width :100, align: 'left'}
        , {display: '', name : 'Value', width : 100, align: 'left'}
    ]
    , title: 'Details'
    , width: 350
    , height: 200
    , singleSelect: true 
});
Run Code Online (Sandbox Code Playgroud)

标题中的show/hide columns功能是非常酷的选项,但是我想指定哪个列可用,并且我无法找到有关指定colModel的选项的良好文档.这里

{display: '', name : 'Index', width :100, align: 'left'}
Run Code Online (Sandbox Code Playgroud)

我们还可以在列的定义中添加什么?

另外 - 您的Flexigrid文档源是什么?

jquery flexigrid

5
推荐指数
1
解决办法
1万
查看次数

jqGrid上有隐藏/显示列功能,如flexigrid吗?

jqGrid上有隐藏/显示列功能,如flexigrid吗?我希望用户能够隐藏列,因此他们很容易查看相关列(信息)

jqgrid flexigrid

4
推荐指数
1
解决办法
8458
查看次数

flexigrid获取选定的行列值

我是flexigrid的新手.任何人都可以让我知道如何获取每列所选行的值.

如何获取每个列名称(reportName和reportDescription)?因为我推送//将所有数据推送到数组中,如下所述.

我使用下面的代码来获取选定的行.但它返回null.你可以帮我一下吗?

//Column. <br/>


colModel: [
  { display: 'WidgetID', name: 'WidgetID', width: 50, sortable: true, align: 'left', hide: true },
  { display: 'Widget Name', name: 'WidgetName', width: 170, sortable: true, align: 'left' },
  { display: 'IsClientReport', name: 'IsClientReport', width: 50, sortable: false, align: 'left', hide: true },
  { display: 'ClientReportID', name: 'ClientReportID', width: 50, sortable: false, align: 'left', hide: true },
  { display: 'ReportType', name: 'ReportType', width: 280, sortable: true, align: 'left' }
],

$('#grid01').click(function(event){ 
  $('.trSelected', this).each( function(){ 
      console.log( …
Run Code Online (Sandbox Code Playgroud)

flexigrid

4
推荐指数
1
解决办法
9994
查看次数

在 flexigrid Jquery 中禁用拖放选项?

是否可以禁用 Flexigrid 中的拖放选项?

我有一个名称列,我不想将其从第二个位置移开。

下面是一个例子。

在此处输入图片说明

jquery flexigrid

4
推荐指数
1
解决办法
1530
查看次数

Flexigrid - 添加包含链接的列

我正在使用Flexigrid显示分页数据,它运行良好.现在我需要添加所有行的链接("编辑","查看","删除"),老实说,我不知道如何继续它.有什么东西我可以开箱即用吗?

基本的想法是为这3个链接添加一个带有小图标的附加列,而不是让工具栏位于顶部.

有任何想法吗?

jquery flexigrid

3
推荐指数
1
解决办法
7190
查看次数

标签 统计

flexigrid ×10

jquery ×6

javascript ×2

ajax ×1

asp.net-mvc ×1

grid ×1

jqgrid ×1