首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用文本框加载Jquery Datatable时出现问题

使用文本框加载Jquery Datatable时出现问题
EN

Stack Overflow用户
提问于 2018-11-06 03:47:41
回答 1查看 155关注 0票数 0

希望有人能帮我解决这个问题。

这是我的控制器

代码语言:javascript
运行
复制
 namespace PruebaBusquedaRun.Controllers
 {
public class TestController : Controller
{
    MandatosModel md = new MandatosModel();
    // GET: Test
    public ActionResult Index()
    {
        return View();
    }


    public ActionResult TestDataTable(string run)
    {


        List<MandatosModel> lmm = new List<MandatosModel>();

        DataSet ds = new DataSet();
        Int64 asd = Convert.ToInt64(run);
        Conexion.ConexionOra conexora = new Conexion.ConexionOra();

        ds = conexora.getMandatosPorRun(asd);

        foreach (DataRow dr in ds.Tables[0].Rows)
        {
            lmm.Add(new MandatosModel
            {

                FOLIO = Convert.ToInt64(dr["FOLIO"]),
                IDCAJA = Convert.ToInt64(dr["IDCAJA"]),
                NOMBRES = dr["NOMBRES"].ToString(),
                A_PATERNO = dr["A_PATERNO"].ToString(),
                A_MATERNO = dr["A_MATERNO"].ToString(),
                CORREO = dr["CORREO"].ToString()

            });




        }


        return Json(new { data = lmm }, JsonRequestBehavior.AllowGet);
    }

}
}

这是我的观点

代码语言:javascript
运行
复制
<div style="width:90%; margin:0 auto;">

@using (Html.BeginForm("TestDataTable", "Test", FormMethod.Post))
{
    <br />
    <input type="text" id="run" name="run" required />
    <button type="button" id="boton">Click Me!</button>
    <input type="submit" name="asd" value="Buscar Mandatos" />
    <br />
    <br />

}


<table id="myTable">
    <thead>
        <tr>
            <th>Folio</th>
            <th>Nombres</th>
            <th>Apellido Paterno</th>
            <th>Apellido Materno</th>
            <th>Correo</th>

        </tr>
    </thead>
</table>
</div>
<style>
tr.even {
    background-color: #F5F5F5 !important;
}
</style>
 @* Load datatable css *@
<!--<link href="//cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css" 
rel="stylesheet" />-->
<link href="~/Content/DataTable/jquery.dataTables.css" rel="stylesheet" />
@* Load datatable js *@
@section Scripts{
<!--<script src="//cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"> 
</script>-->
<script src="~/Scripts/DataTable/jquery.dataTables.min.js"></script>
<script>
    $(document).ready(function () {
        $('#myTable').DataTable({
            "ajax": {
                "url": "/Test/TestDataTable",
                "type": "GET",
                "datatype": "json"


            },
            "columns": [
                { "data": "FOLIO", "autoWidth": true },
                { "data": "NOMBRES", "autoWidth": true },
                { "data": "A_PATERNO", "autoWidth": true },
                { "data": "A_MATERNO", "autoWidth": true },
                { "data": "CORREO", "autoWidth": true }

            ]
        });
    });

</script>
}

我想做的主要事情是将一个参数传递给TestDataTable方法(run)并在DataTable中显示数据,在当前状态下,我可以执行我的过程并获得我想要的所有数据,但在带来数据之后,它不会返回包含表的视图,它只返回普通数据。

很抱歉我的错误和我糟糕的英语。

请帮助我:(

EN

回答 1

Stack Overflow用户

发布于 2018-11-06 07:01:26

我使用web api,我像这样发送我的数据

代码语言:javascript
运行
复制
    ajax: {
        url: _json,
        type: "GET"
    },

所以在你的_json中有url +参数

代码语言:javascript
运行
复制
/Test/TestDataTable?run=demo

--

我认为你需要的是,ajax调用你的控制器

代码语言:javascript
运行
复制
    public JsonResult TestDataTable(string run)
    {
        try
        {
            //code
        }
        catch (Exception ex)
        {

            return Json(ex.Message);
        }
    }

像这样的ajax。

代码语言:javascript
运行
复制
          $.ajax({
               cache: !1,
               url: '@Url.Action("TestDataTable", "TestController")',
                async: !1,
                data: { run: demo.val() },
               success: function (e) { // data for datatables },
               error: function (e, c, t) { alert(e.responseText) }
           });
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53161195

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档