如何在文本框中填充网格选择。 [英] How do I fill the grid selection in textbox.

问题描述

我有一个创建页面和显示按钮，ajax调用网页。在网格页面中，我有一个Jquery代码来填充文本框中的网格选择，它可以单独工作，但在创建页面中它不起作用。这里有什么帮助吗？



我尝试了什么：

 @ * AJAX CODE IN CREATE PAGE * @ 
 
 
 
 $（ document ）。 ready（ function （）{
 $（  #btnShow）。点击（ function （）{
 $ .ajax（{
 url：'  @ Url.Action（Grid，bankinfoes）'，
类型：' 获取'，
成功： function （vHtml ）{
 $（  #dvShow）。html（ ）; 
 $（ ＃dvShow）HTML（vHtml）; 
 
 
 
} 
}）; 
 
 
}）; 
}）; 
 
 ------------------------------------------ ----- 
网格页
 
 
 $（ function （）{
 
 $（' ＃webgrid1'）。find（'   tr'）。on（'  click '， function （）{
 
 $（ < span class =code-string>＃Id）。val（$（ this ）。children（  td：eq（0））。html（））; 
 
 $（ ＃bankname）。val（$（ this ）。children （  td：eq（1））。html（））; 
 
 $（ ＃accountholdername）。val（$（ this ）。children（  td：eq（2） ）。html的（））; 
 
 $（ ＃address）。val（$（ this ）。children（  td：eq（3）< /跨度>）HTML（））。 
 
 $（ ＃area）。val（$（ this ）。children（  td：eq（4）< /跨度>）HTML（））。 
 
}）; 
}）; 
 @ {
 ViewBag.Title =  将Gridview与数据库绑定; 
 WebGrid grid =  new  WebGrid（Model）; 
} 
 
< h2>在 MVC5 中绑定GridView  数据库< /   h2  >  
 @ grid.GetHtml（tableStyle：  webgrid，
 htmlAttributes： new  {id =   webgrid1}，
 headerStyle：  header，
 alternatingRowStyle：  alt，
列：grid.Columns 
 
（
 
 grid.Column（  Id，  Id，canSort： true ） ，
 grid.Column（  bankname，  bankname，canSort： false ），
 grid.Column（   accountholdername，  accountholdername，canSort： false ），
 grid.Column（  address，  address ，canSort： false ），
 grid.Column（  area，  area）
 
 
）
）

 <  表 >  <   tbody  >  <   tr  >  <   td  < span class =code-keyword>> 银行名称<   / td  >  <   td  >  <   / td  >  <   / tr  >  <   tr  >  <   td  >  accountholdername <   / td  >  <   td  >  <   / td  >  <   / tr  >  <   tr  >  <   td  > 地址<   / td  >  <   td  >  <   / td  >  <   / tr  >  <   tr  < span class =code-keyword>>  <   td  > 区域<   / td  >  <   td  >  <   / td  >  <   / tr  >  <   / tbody  >  <   / table  >  
 

解决方案

（ document ).ready( function （）{

（ ＃btnShow）。click（ function （）{

< blockquote> .ajax（{
url：' @ Url.Action（Grid，bankinfoes） '，
类型：' get'，
成功：功能（vHtml）{

I have a create page and show button that ajax calls Grid page. In Grid page I have a Jquery code to fill Grid selection in textboxes which works fine individually but in create page it doesn't work. Any help here ?

What I have tried:

@*AJAX CODE IN CREATE PAGE*@



    $(document).ready(function() {
        $("#btnShow").click(function () {
            $.ajax({
                url: '@Url.Action("Grid","bankinfoes")',
                type: 'get',
                success: function (vHtml) {
                    $("#dvShow").html("");
                    $("#dvShow").html(vHtml);
                    
                    
                    
                }
            });
            

         });
    });
     
-----------------------------------------------
Grid Page


    $(function() {
            
                $('#webgrid1').find('tr').on('click', function() {
                
                $("#Id").val($(this).children("td:eq(0)").html());
                
                $("#bankname").val($(this).children("td:eq(1)").html());
               
                $("#accountholdername").val($(this).children("td:eq(2)").html());
                
                $("#address").val($(this).children("td:eq(3)").html());
               
                $("#area").val($(this).children("td:eq(4)").html());
                
            });
        });
@{
    ViewBag.Title = "Bind Gridview with Database";
    WebGrid grid = new WebGrid(Model);
}

<h2>Bind GridView in MVC5 with Database</h2>
@grid.GetHtml(tableStyle: "webgrid",
       htmlAttributes: new { id = "webgrid1" },
            headerStyle: "header",
            alternatingRowStyle: "alt",
            columns: grid.Columns

(

    grid.Column("Id", "Id", canSort: true),
    grid.Column("bankname", "bankname", canSort: false),
    grid.Column("accountholdername", "accountholdername", canSort: false),
    grid.Column("address", "address", canSort: false),
    grid.Column("area", "area")


)
)

<table><tbody><tr>        <td>Bankname</td>        <td></td>    </tr>    <tr>        <td>accountholdername</td>        <td></td>    </tr>    <tr>        <td>address</td>        <td></td>    </tr>    <tr>        <td>area</td>        <td></td>    </tr></tbody></table>

解决方案

(document).ready(function() {

("#btnShow").click(function () {

.ajax({ url: '@Url.Action("Grid","bankinfoes")', type: 'get', success: function (vHtml) {

这篇关于如何在文本框中填充网格选择。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！