Question

在jQGrid中，当我双击一行时，我想打开另一个页面，显示有关所选行的更多数据。需要根据所选行构建查询并将其传递给该页面。我的jQGrid是根据谁登录动态创建的。我是一名软件学生，我不知道该怎么做。我在网上搜索但是无处可去。请帮忙。如果您需要更多信息，请告诉我。

<trirand:JQGrid ID="JQGrid1" runat="server" Width="760px" onsearching="JQGrid1_Searching" >         
    <Columns>

    </Columns>

    <PagerSettings ScrollBarPaging="true" PageSize="100" NoRowsMessage="Scroll to bottom to retrieve new page" />
    <AppearanceSettings HighlightRowsOnHover="true" /> 
    <ToolBarSettings ShowAddButton="true" ShowSearchToolBar="true" ShowRefreshButton="true" />
    <AddDialogSettings ReloadAfterSubmit="true" Caption="Add a new row" SubmitText="Add the row" Resizable="false" />   

</trirand:JQGrid>

功能：

public static DataTable GetAnimalsByClient(Client cli)
{
    DataTable dt = new DataTable();

    try
    {
        MySqlConnection connection = Database.Connect();
        string sql = string.Format("select a.animal_official_tag as AnimalOfficialTag, DATE_FORMAT(a.animal_date_of_birth,'%d/%m/%Y') AS DateOfBirth, a.animal_gender as AnimalGender, a.animal_breed as AnimalBreed, a.animal_jumbo as AnimalJumbo from animal a inner join herd_animal ha on a.animal_id = ha.animal_id join herd h on ha.herd_id = h.herd_id join client c on h.client_id = c.client_id where c.client_id = {0}", cli.ID);
        MySqlDataAdapter adapter = new MySqlDataAdapter(sql, connection);

        adapter.Fill(dt);
        adapter.Dispose();

        Database.Disconnect(connection);
    }
    catch (Exception exp)
    {
        StackFrame stackFrame = new StackFrame();
        MethodBase methodBase = stackFrame.GetMethod();
        Error.SaveError(methodBase.Name, exp.Message);
    }
    return dt;
}


public DataTable GetCurrentStock()
{
    try
    {
        DataTable dt = (DataTable)AnimalDao.GetAnimalsByClient(UserSession.GetClient());

        List<DataColumn> lstCol = new List<DataColumn>();
        foreach (DataColumn col in dt.Columns)
        {
            lstCol.Add(col);
        }

        for (int i = 0; i < dt.Columns.Count; i++)
        {
            JQGridColumn col = new JQGridColumn();
            col.DataField = lstCol[i].ColumnName;
            col.HeaderText = lstCol[i].ColumnName;
            col.Width = lstCol[i].ColumnName.Length;
            col.Visible = true;
            col.Editable = true;
            JQGrid1.Columns.Add(col);
        }

        return dt;
    }
    catch (Exception exp)
    {
        return null;
    }
}

protected void Page_Load(object sender, EventArgs e)
{
    if (!UserSession.LoggedIn())
    {
        Response.Redirect("Default.aspx");
    }

    RefreshGrid();
    JQGrid1.DataSource = GetCurrentStock();
    JQGrid1.DataBind();      
}

Answer 1

我只想创建一个javascript函数，将带有RowID的查询字符串发送到新页面。

您可以通过以下方式获取所选行的RowID：

var grid = jQuery("#<%= JQgrid1.ClientID %>");
var rowKey = grid.getGridParam("selrow");

然后只需使用它打开一个新窗口，同时发送rowID打开您想要的信息：

window.open("http://yourwebsite.com?RowID=" + rowKey);

然后您需要做的就是将双击事件连接到javascript函数：

<trirand:JQGrid ID="JQGrid1" runat="server" Width="760px"
        onsearching="JQGrid1_Searching"
        ClientSideEvents-RowDoubleClick="[function name]">

希望这有帮助。

Answer 2

谢谢它确实帮助了我。我创建了下面的函数

<script type="text/javascript">
    function doubleClick(id) {
        window.location = '<%= ResolveUrl("http://localhost:9110/AgriNet%20Website/CowCard.aspx?a=") %>' + id;
    }

    function GetGrid() {
        var grid = $("#<%= JQGrid1.ClientID %>");return grid;
    }

</script>

在我动态创建jQGrid的地方，我将第一列指定为主键。

for (int i = 0; i < dt.Columns.Count; i++)
        {
            JQGridColumn col = new JQGridColumn();
            col.DataField = lstCol[i].ColumnName;
            col.HeaderText = lstCol[i].ColumnName;
            col.Width = lstCol[i].ColumnName.Length;
            col.Visible = true;
            col.Editable = true;
            if (i == 0)
            {
                col.PrimaryKey = true;
            }
            JQGrid1.Columns.Add(col);
        }

在双击一行后你被引导到的页面上，我添加了这行代码。

Session["selectedID"] = Request.QueryString["a"].ToString();

它现在对我有用。当我双击jQGrid中的一行时，我被重定向到另一个页面，以及我需要显示有关上一页中所选行的更多信息的一段数据。

基于双击jQGrid中的行重定向到另一个页面。（Asp.Net C＃）

2 个答案: