Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/http/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Kendo grid 如何防止剑道网格列的大小调整到指定宽度以下?_Kendo Grid - Fatal编程技术网

Kendo grid 如何防止剑道网格列的大小调整到指定宽度以下?

Kendo grid 如何防止剑道网格列的大小调整到指定宽度以下?,kendo-grid,Kendo Grid,当我调整窗口大小时,所有列都变小了。这不是我想要的行为,因为一些列的大小已经达到我希望它们从一开始就达到的大小,并且我希望它们保持在起始宽度,而较大的列则缩小 我尝试使用columnResize事件来防止列缩小到某个大小以下,但是似乎只有当用户手动调整列的大小时,才会触发此事件,而当窗口调整大小时,不会触发此事件 调整窗口大小时,如何防止列缩小到特定大小以下 (我使用的是javascript版本的网格。)在列定义列中在网格配置中,可以设置属性宽度。这将强制调整此列的大小,并防止在调整窗口大小期间

当我调整窗口大小时,所有列都变小了。这不是我想要的行为,因为一些列的大小已经达到我希望它们从一开始就达到的大小,并且我希望它们保持在起始宽度,而较大的列则缩小

我尝试使用columnResize事件来防止列缩小到某个大小以下,但是似乎只有当用户手动调整列的大小时,才会触发此事件,而当窗口调整大小时,不会触发此事件

调整窗口大小时,如何防止列缩小到特定大小以下


(我使用的是javascript版本的网格。)

在列定义
列中
网格
配置中,可以设置属性
宽度
。这将强制调整此列的大小,并防止在调整窗口大小期间自动调整大小

若不设置此选项,则列将动态适应空间

{
    field: "ColumnName",
    title: "Column",
    width: 120
}

请在下面找到解决方案

 <script>
  $("#grid").kendoGrid({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    dataSource: [
      { name: "Jane Doe", age: 30 },
      { name: "John Doe", age: 33 }
    ],
    resizable: true,
    columnResize: function(e) {
      $("#grid colgroup col").each(function () {
        if ($(this).width() < 50) {
          $(this).css("width", "50px");
        }
      })
    }
  });
</script> 

$(“#网格”).kendoGrid({
栏目:[
{字段:“名称”},
{字段:“年龄”}
],
数据源:[
{姓名:“Jane Doe”,年龄:30},
{姓名:“约翰·多伊”,年龄:33}
],
可调整大小:正确,
columnResize:函数(e){
$(“#网格列组列”)。每个(函数(){
如果($(this).width()<50){
$(this.css(“宽度”,“50px”);
}
})
}
});
请查找工作演示的详细信息


另一种方法是提到的

谢谢suvroc,但我想你一定弄错了,因为我已经指定了宽度,当我调整窗口大小时,它确实会调整列的大小。实际上,我试着去掉宽度,看看会发生什么,当我这样做的时候,网格会变得非常混乱,所以我必须指定它们。我想我的问题可能与我在专栏中使用的模板有关。。。不过我需要做更多的调查才能找到答案。没有你的代码到列的配置,这就是我能帮助你的全部。我知道。。。我计划一有机会回到这个问题上来,就用更多的信息编辑我的帖子:)谢谢。但这很奇怪,因为即使没有columnResize函数,您的示例也会按照我希望的方式工作。但是,即使使用columnResize函数,我的仍然允许列变得太小。在我的代码中,columnResize仅在用户调整列的大小时触发,而在调整窗口的大小时不触发。也许这是一个比我使用的更新版本的控件。。。我得找出区别。