如何使用 GridModel 模式向 jqGrid 添加命令列？

Question

我进行了多次搜索，尽管 Trirand 提供了付费产品，但提供的有用文档几乎为零。

我正在使用服务器端代码来构建网格模型，即JQGridColumn 对象的集合，但当然该对象的文档为零：

Columns = new List<JQGridColumn>()
            {
                new JQGridColumn
                    {
                        DataField = "Id",
                        PrimaryKey = true, 
                        Editable = false,
                        Visible = false
                    },
                new JQGridColumn
                    {
                        DataField = "FileName",
                        HeaderText = "File Name",
                        Editable = false
                    },

这取自他们给出的例子。用 JavaScript 构建网格列的模式有数百万个答案，我可能最终会设法翻译一个，但是现在，有人可以回答我的问题吗？

Answer 1

jqGrid 是开源的 JavaScript jQuery 插件。可以在 MIT 许可下在商业产品中使用它。 trirand.net 的解决方案只是在内部使用相同的 JavaScript。您可以将它与您找到的免费 jqGrid 的任何 JavaScript 代码混合使用。建议您将商业jqGrid生成的HTML页面的源代码开源并检查代码。如果你使用

<%= Html.Trirand().JQGrid(Model.OrdersGrid, "Grid") %>

你会发现

<table id='Grid'>

<script type='text/javascript'>
    jQuery(document).ready(function() {
        jQuery('#Grid').jqGrid({....});
    });
</script>

它将为您提供将一种解决方案映射到另一种解决方案的起点。

此外，我建议您检查“单元格格式化程序/模板（自定义）”的代码，您可以在 the demos 的“功能”部分找到该代码。您将看到 Controller 可以使用CustomFormatter 定义列模型。 CustomFormatter 使用 string 属性 FormatFunction 和 UnFormatFunction 指定对象，这些值是您在 View 部分中定义的全局 JavaScript 函数。您可以指定custom formatters 的方式，它为您提供了在网格列中调整任何自定义 HTML 片段的方式。