如何使用 Asp.net 剑道 ui 网格资源答案

【问题标题】：How to use Asp.net Kendo ui grid resource如何使用 Asp.net 剑道 ui 网格资源
【发布时间】：2016-03-08 08:28:10
【问题描述】：

如何在标题部分使用Asp.net资源剑道ui网格。帮助我们。

资源文件名：RiskManagementContent

错误：[$parse:syntax] http://errors.angularjs.org/1.4.8/$parse/syntax?p0=%22)%20%23%22&p1=is%20un…%20%20%20%20%20%20%20%20%20%20%20%20%20 %20%7B%20%22title%22%3A%20%22%3Cdiv kendo-grid="" k-options="mainGridOptions" k-columns="[

<div kendo-grid k-options="mainGridOptions" k-columns='[
                     { "title": "@RiskManagementContent.RiskNumberText", "field": "RiskNo", "width": "5%"},
                     { "title": "@RiskManagementContent.RiskDescriptionsText", "field": "RiskDescription", "width": "25%" },
                     { "title": "@RiskManagementContent.RiskTypeText", "field": "RiskType.RiskTypeName", "width": "6%" },
                     { "title": "<div style=\"text-align center\">@RiskManagementContent.NaturalRisksText</div>",
                                   "columns": [
                                       {
                                           "title": "@RiskManagementContent.ImpactText",
                                           "field": "RiskImpact.RiskImpactLevel",
                                           "width": "6%"
                                       },
                                       {
                                           "title": "@RiskManagementContent.ProbabilityText",
                                           "field": "RiskProbability.RiskProbabilityName",
                                           "width": "6%"
                                       },
                                      { 
                                           "title": "@RiskManagementContent.LevelText",
                                           "field": "RiskLevelDescription.LevelName",
                                           "width": "6%"
                                       }
                                   ]
                               },
                               {
                                   "title": "<div style=\"text-align: center\">@RiskManagementContent.ResidualRiskText</div>",
                                   "columns": [
                                       {
                                           "title": "@RiskManagementContent.ImpactText",
                                           "template": "#= (ResidueRisk != null ? ResidueRisk.RiskImpact.RiskImpactLevel : "") #",
                                           "width": "6%"
                                       },
                                       {
                                           "title": "@RiskManagementContent.ProbabilityText",
                                           "template": "#= (ResidueRisk != null ? ResidueRisk.RiskProbability.RiskProbabilityName : "") #",
                                           "width": "6%"
                                       },
                                       {
                                           "title": "@RiskManagementContent.LevelText",
                                           "template": "#= (ResidueRisk != null ? ResidueRisk.RiskLevelDescription.LevelName : "") #",
                                           "width": "6%"
                                       },
                                       {
                                           "title": "@RiskManagementContent.RiskAppetiteText",
                                           "template": "#= (ResidueRisk != null ? ResidueRisk.RiskAppetite.RiskAppetiteName : "") #",
                                           "width": "6%"
                                       }
                                   ]
                               },
                               { "title": "<div style=\"text-align: center\">@RiskManagementContent.CheckText</div>", "width": "6%" },
                               { "command": [{ "name": "edit" }, { "name": "destroy" }], "width": "12%" }]'><div>

【问题讨论】：

标签： asp.net angularjs asp.net-mvc kendo-ui kendo-grid

【解决方案1】：

您的 JSON 字符串格式不正确...

<div kendo-grid k-options="mainGridOptions" k-columns='[
                 { "title": "@RiskManagementContent.RiskNumberText", "field": "RiskNo", "width": "5%"},
                 { "title": "@RiskManagementContent.RiskDescriptionsText", "field": "RiskDescription", "width": "25%" },
                 { "title": "@RiskManagementContent.RiskTypeText", "field": "RiskType.RiskTypeName", "width": "6%" },
                 { "title": "<div style=\"text-align center\">@RiskManagementContent.NaturalRisksText</div>",
                               "columns": [
                                   {
                                       "title": "@RiskManagementContent.ImpactText",
                                       "field": "RiskImpact.RiskImpactLevel",
                                       "width": "6%"
                                   },
                                   {
                                       "title": "@RiskManagementContent.ProbabilityText",
                                       "field": "RiskProbability.RiskProbabilityName",
                                       "width": "6%"
                                   },
                                  { 
                                       "title": "@RiskManagementContent.LevelText",
                                       "field": "RiskLevelDescription.LevelName",
                                       "width": "6%"
                                   }
                               ]
                           },
                           {
                               "title": "<div style=\"text-align: center\">@RiskManagementContent.ResidualRiskText</div>",
                               "columns": [
                                   {
                                       "title": "@RiskManagementContent.ImpactText",
                                       "template": "#= (ResidueRisk != null ? ResidueRisk.RiskImpact.RiskImpactLevel : \"\") #",
                                       "width": "6%"
                                   },
                                   {
                                       "title": "@RiskManagementContent.ProbabilityText",
                                       "template": "#= (ResidueRisk != null ? ResidueRisk.RiskProbability.RiskProbabilityName : \"\") #",
                                       "width": "6%"
                                   },
                                   {
                                       "title": "@RiskManagementContent.LevelText",
                                       "template": "#= (ResidueRisk != null ? ResidueRisk.RiskLevelDescription.LevelName : \"\") #",
                                       "width": "6%"
                                   },
                                   {
                                       "title": "@RiskManagementContent.RiskAppetiteText",
                                       "template": "#= (ResidueRisk != null ? ResidueRisk.RiskAppetite.RiskAppetiteName : \"\") #",
                                       "width": "6%"
                                   }
                               ]
                           },
                           { "title": "<div style=\"text-align: center\">@RiskManagementContent.CheckText</div>", "width": "6%" },
                           { "command": [{ "name": "edit" }, { "name": "destroy" }], "width": "12%" }]'><div>

如果您定义了模板"template": "#= (ResidueRisk != null ? ResidueRisk.RiskAppetite.RiskAppetiteName : \"\") #"，您应该转义空字符串引号\"\"。

更新

<div kendo-grid k-options="mainGridOptions" k-columns='[
             { "title": "@RiskManagementContent.RiskNumberText", "field": "RiskNo", "width": "5%"},
             { "title": "@RiskManagementContent.RiskDescriptionsText", "field": "RiskDescription", "width": "25%" },
             { "title": "@RiskManagementContent.RiskTypeText", "field": "RiskType.RiskTypeName", "width": "6%" },
             { "title": "<div style=\"text-align center\">@RiskManagementContent.NaturalRisksText</div>",
                           "columns": [
                               {
                                   "title": "@RiskManagementContent.ImpactText",
                                   "field": "RiskImpact.RiskImpactLevel",
                                   "width": "6%"
                               },
                               {
                                   "title": "@RiskManagementContent.ProbabilityText",
                                   "field": "RiskProbability.RiskProbabilityName",
                                   "width": "6%"
                               },
                              { 
                                   "title": "@RiskManagementContent.LevelText",
                                   "field": "RiskLevelDescription.LevelName",
                                   "width": "6%"
                               }
                           ]
                       },
                       {
                           "title": "<div style=\"text-align: center\">@RiskManagementContent.ResidualRiskText</div>",
                           "columns": [
                               {
                                   "title": "@RiskManagementContent.ImpactText",
                                   "template": "#= (ResidueRisk != null ? ResidueRisk.RiskImpact.RiskImpactLevel : \"\") #",
                                   "width": "6%"
                               },
                               {
                                   "title": "@RiskManagementContent.ProbabilityText",
                                   "template": "#= (ResidueRisk != null ? ResidueRisk.RiskProbability.RiskProbabilityName : \"\") #",
                                   "width": "6%"
                               },
                               {
                                   "title": "@RiskManagementContent.LevelText",
                                   "template": "#= (ResidueRisk != null ? ResidueRisk.RiskLevelDescription.LevelName : \"\") #",
                                   "width": "6%"
                               },
                               {
                                   "title": "@RiskManagementContent.RiskAppetiteText",
                                   "template": "#= (ResidueRisk != null ? ResidueRisk.RiskAppetite.RiskAppetiteName : \"\") #",
                                   "width": "6%"
                               }
                           ]
                       },
                       { "title": "<div style=\"text-align: center\">@RiskManagementContent.CheckText</div>", "width": "6%" },
                       { "command": [{ "name": "edit" }, { "name": "destroy" }], "width": "12%" }]'><div>

尝试使用'' 表示法而不是\"\"，这也应该适用于您的目的。

我建议在角度控制器中创建 columns 对象或作为 java 脚本变量并将其传递给属性 k-columns。

【讨论】：

语法错误：令牌 '") #"' 是意外的，在表达式 [[ { "title": "@RiskManagementContent.RiskNumberText", "field": " 的第 1856 列应为 [}] RiskNo", "width": "5%"}, { "title": "@RiskManagementContent.RiskDescriptionsText", "field": "RiskDescription", "width": "25%" }, { "title": "@ RiskManagementContent.RiskTypeText", "field": "RiskType.RiskTypeName", "width": "6%" }, { "title": "
我把答案加起来了。
错误消息中的第 1856 列是什么？看看你能不能找出问题所在。也可以尝试将其作为一个对象，并将其传递给属性值。
谷歌浏览器导致的错误。谢谢我的朋友的回复。