Данные сетки ShieldUI из таблицы данных кода программной части

Я реализовал gridview jQuery с помощью ShieldUI. У меня проблемы с источником данных для сетки.

Вот их пример: http://demos.shieldui.com/web/grid-general/basic-usage

Мне нужно отправить данные из таблицы данных, созданной в коде позади.

Можно ли отправлять такие данные в ShieldDataSource?

Спасибо.

<%@ Page Title="" Language="C#" MasterPageFile="Site.Master" AutoEventWireup="true" CodeBehind="Progress2.aspx.cs" Inherits="INAWebAppTest.Form.Progress2" %>

<%@ Register Assembly="Shield.Web.UI" Namespace="Shield.Web.UI" TagPrefix="shield" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent2" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="FeaturedContent" runat="server">
    <script type="text/javascript" src="//www.shieldui.com/shared/components/latest/js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="//www.shieldui.com/shared/components/latest/js/shieldui-all.min.js"></script>


    <section class="success" id="about">
        <div class="container">


            <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                <ContentTemplate>

                    <asp:Label ID="Label1" runat="server"><h3>Progress</h3></asp:Label>
                    <div class="g-hr type_short type_simple">
                        <span class="g-hr-h">
                            <i class="fa fa-"></i>
                        </span>
                    </div>
                    <div style="vertical-align: top; margin-bottom: 0px; align-content: center; margin-left: auto; margin-right: auto">
                        <asp:Button ID="LeftButton" runat="server" Text="<" class="g-btn type_primary size_small" OnClick="ibDLeft_Click" />
                        <asp:TextBox ID="tbDate" runat="server" AutoPostBack="True" OnTextChanged="tbDate_TextChanged" ReadOnly="true" Style="width: 30%; text-align: center" TextMode="SingleLine"></asp:TextBox>
                        <asp:Button ID="RightButton" runat="server" Text=">" class="g-btn type_primary size_small" OnClick="ibDRight_Click" />

                    </div>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator" runat="server" ControlToValidate="tbDate" ErrorMessage="Odaberite datum" />

                    <shield:ShieldDataSource ID="shieldDataSource" runat="server" Data="testData"> </shield:ShieldDataSource>
                    <shield:ShieldGrid ID="ShieldGrid1" runat="server" ClientDataSourceID="shieldDataSource">
                        <Columns>
                            <shield:GridColumn Field="dfCategory" Width="70px" Title="ID"></shield:GridColumn>
                            <shield:GridColumn Field="dfActivityID" Title="Person Name"></shield:GridColumn>
                            <shield:GridColumn Field="dfActivityName" Title="Company Name"></shield:GridColumn>
                        </Columns>
                    </shield:ShieldGrid>                  
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
    </section>
</asp:Content>

gridview jquery asp.net datagrid shieldui
person Dina    schedule 25.05.2017    source источник

Ответы (2)


arrow_upward
2
arrow_downward

вы можете сделать следующее в методе загрузки страницы и просто установить для свойства Data источника данных значение testData в aspx, и это сработает.

<shield:ShieldDataSource ID="shieldDataSource" runat="server" Data="testData"> 
    </shield:ShieldDataSource>
    <shield:ShieldGrid ID="grid" runat="server" ClientDataSourceID="shieldDataSource">
        <Sorting Enabled="true" />
        <Columns>
            <shield:GridColumn Field="Id" />
            <shield:GridColumn Field="Name" />
            <shield:GridColumn Field="Category" />
            <shield:GridColumn Field="Date" />
            <shield:GridColumn Field="Available" />
        </Columns>
    </shield:ShieldGrid>


protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                var dt = new DataTable();
                dt.Columns.Add(new DataColumn("Id", typeof(int)));
                dt.Columns.Add(new DataColumn("Name", typeof(string)));
                dt.Columns.Add(new DataColumn("Category", typeof(int)));
                dt.Columns.Add(new DataColumn("Date", typeof(DateTime)));
                dt.Columns.Add(new DataColumn("Available", typeof(bool)));

                var row = dt.NewRow();
                row["Id"] = 1;
                row["Name"] = "test";
                row["Category"] = 2;
                row["Date"] = DateTime.Now;
                row["Available"] = true;
                dt.Rows.Add(row);

                var source = (from r in dt.AsEnumerable()
                              select new
                              {
                                  Id = r["Id"],
                                  Name = r["Name"],
                                  Category = r["Category"],
                                  Date = r["Date"],
                                  Available = r["Available"],
                              }).ToList();
                var script = "window.testData = " + Shield.Mvc.UI.Common.Serialization.JavaScriptSerializer.Serialize(source);
                ClientScript.RegisterClientScriptBlock(this.GetType(), "TableData", script, true);
            }
        }
person lyub35    schedule 29.05.2017
comment
Спасибо за ваш ответ! Есть ли метод Shield.Web.UI, который может сделать эту строку, или мне также нужно загрузить пробные плагины ShieldUI ASP.NET MVC?: var script = window.testData = + Shield.Mvc.UI.Common.Serialization. JavaScriptSerializer.Serialize(источник); Мое приложение представляет собой приложение веб-форм. - person Dina; 30.05.2017
comment
Я добавил ссылку на пакет Shield.Mvc.UI. Исходная переменная правильно заполнена в коде позади: window.testData = [{dfCategory: 1, dfActivityID: test, dfActivityName: 2}] Но она не отображается на странице aspx. Я обновил исходный вопрос кодом со страницы aspx, не могли бы вы проверить, не пропало ли что-нибудь еще? Спасибо! - person Dina; 30.05.2017
comment
Он будет добавлен на страницу aspx во время выполнения, не беспокойтесь об этом. Просто установите для свойства Data источника данных значение testData (имя переменной), как показано в примере. - person lyub35; 01.06.2017
comment
Что касается сериализации, вы можете сделать свой собственный сериализатор, цель которого — преобразовать список в json. Поскольку в ShieldUI такая функциональность развернута и открыта (но в части Mvc), я использовал ее вместо этого. - person lyub35; 01.06.2017

arrow_upward
0
arrow_downward

Вы также можете преобразовать свой datatable в массив и назначить его ShieldDataSource.

person jroyce    schedule 22.03.2018