是否在数据表中使用其他条件?

Ankur prakash

我是MVC应用程序的新手。我无法在DataTable中使用if else条件。请解决我的问题。

让我向您解释我的关注。实际上,我在该表的SQL中有一个数据库表,我有一个列名“ STATUS”。现在我在此表中几乎没有记录。现在我想要的是,如果Status = 1则显示在DataTable中的“删除按钮”,或者如果Status = 2则不显示“删除”按钮。

让我与您分享我的代码。

        $(document).ready(function () {
        dataTable = $("#tableId").DataTable({
            "ajax": {
                "url": "/Home/GetAllPurchaseOrder",
                "type": "GET",
                "datatype": "json"
            },
            "columns": [
                { "data": "PurchaseID", "autowidth": true },
                { "data": "SupplierID", "autowidth": true },
                { "data": "SupplierName", "autowidth": true },
                { "data": "Currency", "autowidth": true },
                { "data": "TotalAmount", "autowidth": true },
                { "data": "Date_Of_Purchase", "autowidth": true },
                { "data": "Due_Date", "width": "56px" },
                {
                    "data": "PurchaseID", "width": "50px", "render": function (data) {
                        return '<button class="btn btn-danger DeletePurchase" onclick="Delete(' + data + ')">Delete</button>'
                    }

                },
                {
                    "data": "PurchaseID", "width": "50px", "render": function (data) {
                        return '<button class="btn btn-success ViewPurchase" onclick="Display(' + data + ')">View</button>'
                    }
                }
            ]
        });
    });

我分享给我 输出量

最新截图 点击这里

控制器代码:

        [HttpGet]
    public ActionResult GetAllPurchaseOrder()
    {
        string loginId = Convert.ToString(Session["LoginId"]);
        try
        {
            List<PurchaseOrderViewModel> purchaseDetail = new List<PurchaseOrderViewModel>();
            if (!string.IsNullOrEmpty(loginId))
            {
                string UserRoleName = Convert.ToString(Session["UserTypeName"]);
                if (UserRoleName == RoleTypeConstant.CustomerUserType)
                {
                    purchaseDetail = _websiteRepo.GetAllPurchaseDetailByLoginId(loginId).ToList();
                    var stock = purchaseDetail;
                    return Json(new { data = stock }, JsonRequestBehavior.AllowGet);
                    //return View(stockDetail);
                }
                else
                {
                    return RedirectToAction("Login", "Account");
                }
            }
            else
            {
                return RedirectToAction("Login", "Account");
            }
        }
        catch (Exception)
        {
            throw;
        }
    }

        public IQueryable<PurchaseOrderViewModel> GetAllPurchaseDetailByLoginId(string LoginId)
    {
        var StockList = (from aspuser in context.AspNetUsers
                         join cus in context.Customers on aspuser.Id equals cus.LoginID
                         join purchase in context.PurchaseOrders on aspuser.Id equals purchase.LoginID
                         where purchase.LoginID == LoginId
                         select new PurchaseOrderViewModel
                         {
                             LoginID = purchase.LoginID,
                             PurchaseID = purchase.PurchaseID,
                             SupplierID = purchase.SupplierID,
                             SupplierName = purchase.SupplierName,
                             Currency = purchase.Currency,
                             TotalAmount = purchase.TotalAmount,
                             Date_Of_Purchase = purchase.Date_Of_Purchase,
                             Date_Arrived = purchase.Date_Arrived,
                             Date_Departed = purchase.Date_Departed,
                             Due_Date = purchase.Due_Date,
                             Location = purchase.Location,
                             Notes = purchase.Notes,
                             Status = purchase.Status
                         }).AsQueryable();
        return StockList;
    }

JAVASCRIPT:

    <script>
    var dataTable;
    $(document).ready(function () {
        debugger;
        dataTable = $("#tableId").DataTable({
            "ajax": {
                "url": "/Home/GetAllPurchaseOrder",
                "type": "GET",
                "datatype": "json"
            },
            "columns": [
                { "data": "PurchaseID", "autowidth": true },
                { "data": "SupplierID", "autowidth": true },
                { "data": "SupplierName", "autowidth": true },
                { "data": "Currency", "autowidth": true },
                { "data": "TotalAmount", "autowidth": true },
                { "data": "Date_Of_Purchase", "autowidth": true },
                { "data": "Due_Date", "width": "56px" },
                {
                    "data": "STATUS", "width": "50px", "render": function (data) {
                        return '<button class="btn btn-danger DeletePurchase' + ((data != 1) ? ' invisible' : 'visible') + '" onclick="Delete(' + data + ')">Delete</button>'
                    }

                },
                {
                    "data": "PurchaseID", "width": "50px", "render": function (data) {
                        return '<button class="btn btn-success ViewPurchase" onclick="Display(' + data + ')">View</button>'
                    }
                }
            ]
        });
    });
盖塔诺

假设您的json是这样的:

{
  "data": [
    {
       "PurchaseID": "11",
       "SupplierID": "11",
       "SupplierName": "SupplierName",
       "Currency": "euro",
       "TotalAmount": "10",
       "Date_Of_Purchase": "01/01/2020",
       "Due_Date": "01/01/2020",
       "STATUS": "1"
    },
    {
       "PurchaseID": "22",
       "SupplierID": "22",
       "SupplierName": "SupplierName22",
       "Currency": "euro",
       "TotalAmount": "20",
       "Date_Of_Purchase": "01/01/2020",
       "Due_Date": "01/01/2020",
       "STATUS": "2"
    }
   ]
}

在这种情况下,只需更改以下行即可:

"data": "PurchaseID", "width": "50px", "render": function (data) {
     return '<button class="btn btn-danger DeletePurchase" onclick="Delete(' + data + ')">Delete</button>'
}

至:

"data": "STATUS", "width": "50px", "render": function (data, type, row, meta) {
   return '<button class="btn btn-danger DeletePurchase' + ((data != 1) ? ' invisible' : '') +  '" onclick="Delete(' + row.PurchaseID+ ')">Delete</button>'
}

render函数每个doc接受四个参数因此,现在PurchaseID包含在row.PurchaseID中

片段:

var dataSet = {
    "data": [
        {
            "PurchaseID": "11",
            "SupplierID": "11",
            "SupplierName": "SupplierName",
            "Currency": "euro",
            "TotalAmount": "10",
            "Date_Of_Purchase": "01/01/2020",
            "Due_Date": "01/01/2020",
            "STATUS": "1"
        },
        {
            "PurchaseID": "22",
            "SupplierID": "22",
            "SupplierName": "SupplierName22",
            "Currency": "euro",
            "TotalAmount": "20",
            "Date_Of_Purchase": "01/01/2020",
            "Due_Date": "01/01/2020",
            "STATUS": "2"
        }
    ]
};

dataTable = $("#tableId").DataTable({
     "data": dataSet.data,
    "columns": [
        { "data": "PurchaseID", "autowidth": true },
        { "data": "SupplierID", "autowidth": true },
        { "data": "SupplierName", "autowidth": true },
        { "data": "Currency", "autowidth": true },
        { "data": "TotalAmount", "autowidth": true },
        { "data": "Date_Of_Purchase", "autowidth": true },
        { "data": "Due_Date", "width": "56px" },
        {
            "data": "STATUS", "width": "50px", "render": function (data, type, row, meta) {
            return '<button class="btn btn-danger DeletePurchase' + ((data != 1) ? ' invisible' : '') +  '" onclick="Delete(' + row.PurchaseID + ')">Delete</button>'
        }

        },
        {
            "data": "PurchaseID", "width": "50px", "render": function (data) {
            return '<button class="btn btn-success ViewPurchase" onclick="Display(' + data + ')">View</button>'
        }
        }
    ]
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css">
<script src="//cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>


<table id="tableId" class="display" style="width:100%">
    <thead>
    <tr>
        <th>PurchaseID</th>
        <th>SupplierID</th>
        <th>SupplierName</th>
        <th>Currency</th>
        <th>TotalAmount</th>
        <th>Date_Of_Purchase</th>
        <th>Due_Date</th>
        <th>Delete</th>
        <th>View</th>
    </tr>
    </thead>
    <tfoot>
    <tr>
        <th>PurchaseID</th>
        <th>SupplierID</th>
        <th>SupplierName</th>
        <th>Currency</th>
        <th>TotalAmount</th>
        <th>Date_Of_Purchase</th>
        <th>Due_Date</th>
        <th>Delete</th>
        <th>View</th>
    </tr>
    </tfoot>
</table>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

根据其他变量的条件在数据表中创建新变量

来自分类Dev

使用内置函数中的参数等其他变量在数据表中添加新变量

来自分类Dev

在数据表中使用分页时,验证失败

来自分类Dev

在数据表中使用lapply()中的.SD列名

来自分类Dev

在数据表中使用分页时,验证失败

来自分类Dev

如何使用其他表创建新数据表

来自分类Dev

如何在数据透视表Laravel中使用其他字段

来自分类Dev

添加一个按钮以在数据表中显示其他数据

来自分类Dev

在数据表中逐个使用by by

来自分类Dev

再次使用其他查询填充数据表之前,需要删除数据表吗?

来自分类Dev

根据条件使用linq在数据表中求和的值

来自分类Dev

在Spotfire中使用OVER函数在数据表中产生累积和

来自分类Dev

在数据表中使用引导样式时设置SWF路径

来自分类Dev

如何在数据表中使用ui:repeat追加列?

来自分类Dev

在数据表中使用时,Bootstrap中的FORM-CONTROL类不会生效

来自分类Dev

如何在数据表中使用 JS/Jquery-Functions

来自分类Dev

我如何在数据表的 ajax 请求的列部分中使用变量

来自分类Dev

如何在数据表中使用 onmouseover 显示图形

来自分类Dev

检查其他表中数据表的频率

来自分类Dev

如何使用ajax在jquery数据表中显示其他标签?

来自分类Dev

我可以使用SQL从其他Excel文件构建Excel数据表吗?

来自分类Dev

如果其他 PHP 三元运算符使用数据表

来自分类Dev

如何从其他数据表创建具有列结构的新数据表?

来自分类Dev

如何从其他数据表创建具有列结构的新数据表?

来自分类Dev

将数据表分配给其他数据表值

来自分类Dev

从其他较小的数据表填充数据表

来自分类Dev

我如何返回数组并在数据库的其他类中使用它

来自分类Dev

如何访问其他模块数据表SugarCRM

来自分类Dev

如何访问其他模块数据表SugarCRM

Related 相关文章

  1. 1

    根据其他变量的条件在数据表中创建新变量

  2. 2

    使用内置函数中的参数等其他变量在数据表中添加新变量

  3. 3

    在数据表中使用分页时,验证失败

  4. 4

    在数据表中使用lapply()中的.SD列名

  5. 5

    在数据表中使用分页时,验证失败

  6. 6

    如何使用其他表创建新数据表

  7. 7

    如何在数据透视表Laravel中使用其他字段

  8. 8

    添加一个按钮以在数据表中显示其他数据

  9. 9

    在数据表中逐个使用by by

  10. 10

    再次使用其他查询填充数据表之前,需要删除数据表吗?

  11. 11

    根据条件使用linq在数据表中求和的值

  12. 12

    在Spotfire中使用OVER函数在数据表中产生累积和

  13. 13

    在数据表中使用引导样式时设置SWF路径

  14. 14

    如何在数据表中使用ui:repeat追加列?

  15. 15

    在数据表中使用时,Bootstrap中的FORM-CONTROL类不会生效

  16. 16

    如何在数据表中使用 JS/Jquery-Functions

  17. 17

    我如何在数据表的 ajax 请求的列部分中使用变量

  18. 18

    如何在数据表中使用 onmouseover 显示图形

  19. 19

    检查其他表中数据表的频率

  20. 20

    如何使用ajax在jquery数据表中显示其他标签?

  21. 21

    我可以使用SQL从其他Excel文件构建Excel数据表吗?

  22. 22

    如果其他 PHP 三元运算符使用数据表

  23. 23

    如何从其他数据表创建具有列结构的新数据表?

  24. 24

    如何从其他数据表创建具有列结构的新数据表?

  25. 25

    将数据表分配给其他数据表值

  26. 26

    从其他较小的数据表填充数据表

  27. 27

    我如何返回数组并在数据库的其他类中使用它

  28. 28

    如何访问其他模块数据表SugarCRM

  29. 29

    如何访问其他模块数据表SugarCRM

热门标签

归档