DevExpress ASP.NET在线示例：如何使用按钮或拖放对GridView行进行重新排序

此示例演示如何使用按钮或jQuery UI Draggable和Droppable插件移动GridView行。要保持行的顺序，必须设置一个额外的列来存储行顺序索引。然后，按此列对GridView进行排序，并拒绝其他列的排序。 请注意： GridView扩展不引用任何jQuery UI组件，所以，需要手动添加。有两种方法：

仅添加jQuery UI库。

添加ThirdParty属性设置为true的资源部分：
```
<resources>
  <add type="ThirdParty" />
</resources>
```

在添加脚本后，将jQuery UI库的引用添加到head部分：

<head>
    <title>@ViewBag.Title</title>
     @Html.DevExpress().GetStyleSheets(
    new StyleSheet { ExtensionSuite = ExtensionSuite.NavigationAndLayout },
    new StyleSheet { ExtensionSuite = ExtensionSuite.Editors },
    new StyleSheet { ExtensionSuite = ExtensionSuite.GridView }
)
    @Html.DevExpress().GetScripts(
    new Script { ExtensionSuite = ExtensionSuite.NavigationAndLayout },
    new Script { ExtensionSuite = ExtensionSuite.Editors },
    new Script { ExtensionSuite = ExtensionSuite.GridView }
 )
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js" type="text/javascript"></script>
</head>

防止我们默认添加jQuery库并手动添加所有内容。

将资源部分设为空：
```
<resources>
</resources>
```

在我们的脚本之前添加必要的库：

<head>
    <title>@ViewBag.Title</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js" type="text/javascript"></script>
      @Html.DevExpress().GetStyleSheets(
    new StyleSheet { ExtensionSuite = ExtensionSuite.NavigationAndLayout },
    new StyleSheet { ExtensionSuite = ExtensionSuite.Editors },
    new StyleSheet { ExtensionSuite = ExtensionSuite.GridView }
)
    @Html.DevExpress().GetScripts(
    new Script { ExtensionSuite = ExtensionSuite.NavigationAndLayout },
    new Script { ExtensionSuite = ExtensionSuite.Editors },
    new Script { ExtensionSuite = ExtensionSuite.GridView }
 )
</head>

请注意，如果您需要验证功能，还需要添加以下库：jquery.validate.min.js，jquery.validate.unobtrusive.min.js，jquery.unobtrusive-ajax.min.js（3.2.4）。

买 DevExpress Universal Subscription 免费赠 万元汉化资源包1套！

限量15套！先到先得，送完即止！立即抢购>>

本站文章除注明转载外，均为本站原创或翻译
欢迎任何形式的转载，但请务必注明出处，尊重他人劳动成果
转载请注明：文章转载自：DevExpress控件中文网 [https://www.devexpresscn.com/]
本文地址：https://www.devexpresscn.com/post/1240.html

相关产品： DevExpress Universal Subscription,

DevExpress官网

所有资源

DevExpress ASP.NET在线示例：如何使用按钮或拖放对GridView行进行重新排序

用科技创就卓越

Create excellence with technology