Fatal编程技术网
  • javascript/
  • Javascript 在IE 10和IE 11中，剑道网格的列不可调整大小

Javascript 在IE 10和IE 11中，剑道网格的列不可调整大小

javascript jquery internet-explorer kendo-ui

Javascript 在IE 10和IE 11中，剑道网格的列不可调整大小,javascript,jquery,internet-explorer,kendo-ui,Javascript,Jquery,Internet Explorer,Kendo Ui,我在我的web应用程序中使用剑道网格，包括Kendo.all.min.js文件。此js文件的版本为2012.1.515。 在网格中，列在IE10和IE11中无法调整大小，尽管它在所有其他浏览器中都可以正常工作 我已经创建了一个网格示例，并包含了相同的文件，但在IE10和IE11中网格列的大小是不可调整的。 以下是我的示例代码： <!DOCTYPE html> <html> <head> <title></title> &

我在我的web应用程序中使用剑道网格，包括Kendo.all.min.js文件。此js文件的版本为2012.1.515。 在网格中，列在IE10和IE11中无法调整大小，尽管它在所有其他浏览器中都可以正常工作

我已经创建了一个网格示例，并包含了相同的文件，但在IE10和IE11中网格列的大小是不可调整的。 以下是我的示例代码：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="http://cdn.kendostatic.com/2013.3.1324/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2013.3.1324/styles/kendo.rtl.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2013.3.1324/styles/kendo.silver.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2013.3.1324/styles/kendo.dataviz.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2013.3.1324/styles/kendo.dataviz.silver.min.css" rel="stylesheet" />
     <link href="/kendo-ui/content/shared/styles/examples.css" rel="stylesheet" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>


</head>
<body>

        <div id="main">
    <h1 id="exampleTitle">
            <span class="exampleIcon gridIcon"></span>
            <strong>Grid /</strong> Column resizing    </h1>

    <div id="theme-list-container"></div>

    <div id="exampleWrap">
        <script>preventFOUC()</script>


        <div id="example" class="k-content">
            <div id="grid"></div>

            <script>
                $(document).ready(function() {
                gridDataSource = new kendo.data.DataSource({
                transport: {
                                            read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
                                        },
                                    });
                    $("#grid").kendoGrid({
                        dataSource: gridDataSource,
                        scrollable: true,
                        resizable: true,

                        columns: [
                            {
                                field: "OrderDate",
                                title: "Order Date"


                            },
                            {
                                field: "ShipCountry",
                                title: "Ship Country"

                            },
                            {
                                field: "ShipCity",
                                title: "Ship City"

                            },
                            {
                                field: "ShipName",
                                title: "Ship Name"

                            },
                            {
                                field: "ShippedDate",
                                title: "Shipped Date"

                            },
                            {
                                field: "OrderID",
                                title: "ID"

                            }
                        ]
                    });
                });
            </script>
        </div>
    </div>
    </div>

</body>
</html>


网格/列大小调整
(c)
$（文档）.ready（函数（）{
gridDataSource=新建kendo.data.DataSource({
运输：{
阅读：“http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
},
});
$（“#网格”）.kendoGrid({
数据源：gridDataSource，
可滚动：对，
可调整大小：正确，
栏目：[
{
字段：“订单日期”，
标题：“订单日期”
},
{
字段：“ShipCountry”，
标题：“船舶国”
},
{
字段：“ShipCity”，
标题：“船舶城”
},
{
字段：“ShipName”，
标题：“船名”
},
{
字段：“ShippedDate”，
标题：“装运日期”
},
{
字段：“订单ID”，
标题：“ID”
}
]
});
});
谢谢

我认为，您需要为每个要调整大小的列指定宽度。比如： columns: [ { field: "OrderDate", title: "Order Date", width: 50px } 栏目：[ { 字段：“订单日期”， 标题：“订单日期”， 宽度：50像素 }
我希望这会有帮助。

我在点击ie10和IE11时遇到一些问题。Telerik建议我用最新版本更新js和css。这最终解决了我的问题。试着在2013年更新剑道版本。他们在2013年有4/5的更新，选择3/4的更新。

你可能会在Telerik的网站上问这个问题s开发者和支持论坛：所有人的宽度都应该相同？因为我也面临着同样的问题，因为不使用最新的剑道版本：(