FineUI 官方论坛

标题: 【非BUG】Uncaught SyntaxError: Unexpected token < 错误 [打印本页]

---

作者: ftmouse    时间: 2017-11-18 15:34
标题: 【非BUG】Uncaught SyntaxError: Unexpected token < 错误
环境 :Vs2017   谷歌浏览器  在【空项目】FineUIMvc.EmptyProject_v4.0.0
中建立如下2个文件


建立view页  QueryIndex.cshtml

1. @{
   
2.     ViewBag.Title = "check";
   
3.     var F = @Html.F();
   
4. }
   
5. 
   
6. 
   
7. 
   
8. @section body {
   
9. 
   
10.     @(F.Button()
    
11.                         .OnClick(Url.Action("QueryIndex"))
    
12.                         .ValidateTarget(Target.Top)
    
13.                         .ValidateForms("SimpleForm1")
    
14.                         .Type(ButtonType.Submit)
    
15.                         .Text("手动请求页面")
    
16.                         .ID("btnLogin")
    
17.                         )
    
18.     @(
    
19.    
    
20. 
    
21.             F.Grid()
    
22.                 .EnableCollapse(true)
    
23.                 .Width(850)
    
24.                 .Title("事件查询")
    
25.                 .ShowHeader(false)
    
26.                 .ShowBorder(true)
    
27.                 .ID("FaultGrid")
    
28.                 .DataIDField("Id")
    
29.                 .DataTextField("faultType")
    
30.                 .Columns(
    
31.                     F.RenderField()
    
32.                         .HeaderText("编号")
    
33.                         .DataField("Id")
    
34.                         .FieldType(FieldType.Int)
    
35.                         .Width(100),
    
36. 
    
37.                     F.RenderField()
    
38.                         .HeaderText("位置")
    
39.                         .DataField("StationName")
    
40.                         .Width(100),
    
41.                     F.RenderField()
    
42.                         .HeaderText("类型")
    
43.                         .DataField("faultType")
    
44.                         .Width(100),
    
45.                     F.RenderField()
    
46.                         .HeaderText("发生时间")
    
47.                         .DataField("faultBeginTime")
    
48.                         .FieldType(FieldType.String)
    
49.                         .Width(100),
    
50.                     F.RenderField()
    
51.                         .HeaderText("复位时间")
    
52.                         .DataField("faultEndTime")
    
53.                         .FieldType(FieldType.String)
    
54.                         .Width(100),
    
55. 
    
56.                     F.RenderField()
    
57.                         .HeaderText("描述")
    
58.                         .DataField("faultMemo")
    
59.                         .Width(200)
    
60. 
    
61. 
    
62.                 )
    
63.                 .DataSource(ViewBag.tab)
    
64. 
    
65.         )
    
66. 
    
67. }
    
68. 
    
69. }
    

复制代码

建立控制   QueryController.cs

1. using FineUIMvc;
   
2. using System;
   
3. using System.Collections.Generic;
   
4. using System.Linq;
   
5. using System.Web;
   
6. using System.Web.Mvc;
   
7. 
   
8. 
   
9. namespace TestWeb.Controllers
   
10. {
    
11.     public class QueryController : BaseController
    
12.     {
    
13.         // GET: Query
    
14. 
    
15.         public ActionResult QueryIndex()
    
16.         {
    
17. 
    
18.             test[] testinst = new test[1];
    
19.             test testi = new test();
    
20.             testi.Id = 4;
    
21.             testi.StationName = "ccccc";
    
22.             testi.faultType = "c";
    
23.             testi.faultBeginTime = "dddccc";
    
24.             testi.faultEndTime = "234";
    
25.             testi.faultMemo = "3d";
    
26.             testinst[0] = testi;
    
27.               ViewBag.tab = testinst;
    
28.              return View();
    
29. 
    
30.         }
    
31. 
    
32. 
    
33.         public  class test
    
34.             {
    
35.             public int Id { get; set; }
    
36.             public string StationName { get; set; }
    
37.             public string faultType { get; set; }
    
38.             public string faultBeginTime { get; set; }
    
39.             public  string faultEndTime { get; set; }
    
40.             public  string faultMemo { get; set; }
    
41.             }
    
42. 
    
43. 
    
44. 
    
45.          
    
46.         public ActionResult QueryFaultButtonClick( )
    
47.         {
    
48.             try {
    
49. 
    
50. 
    
51.                 test[] testinst = new test[1];
    
52.                 test testi = new test();
    
53.                 testi.Id = 4;
    
54.                 testi.StationName = "ddddddd";
    
55.                 testi.faultType = "c";
    
56.                 testi.faultBeginTime = "dddccc";
    
57.                 testi.faultEndTime = "234";
    
58.                 testi.faultMemo = "3d";
    
59. 
    
60.                 testinst[0] = testi;
    
61.                 //     ViewBag.tab = testinst;
    
62. 
    
63.                 return View();
    
64. 
    
65.             }
    
66.             catch (Exception ex)
    
67.             {
    
68. 
    
69.                 ShowNotify("查询失败" + ex.Message);
    
70.     }
    
71.             return UIHelper.Result();
    
72.         }
    
73.     }
    
74. }

复制代码

运行后，输入地址: http://localhost:49547/Query/QueryIndex

得到结果
[attach]10762[/attach]

这时候 按 F12 打开 浏览器调试

点   手动刷新页面   就出问题了，

[attach]10763[/attach]


这个问题困扰了2天了 求解决 ，谢谢



另外用 实例源码中的  Areas\FormLayout\Views\LayoutContactUs\Index.cshtml这个文件做测试

将这个文件的 发送 按钮 加一句 如下 （红色的）

                   F.Button()
                        .ID("Button1")
                        .Text("发送")
                        .IconFont(IconFont._Send)
                        .ValidateForms("Form1")
                        .OnClick(Url.Action("Index"))


运行后 也同样报错[attach]10764[/attach]

---

作者: sanshi    时间: 2017-11-20 10:16
这个不是BUG。

在 FormLayout/LayoutContactUs/Index 示例中：

1. .Toolbars(
   
2.             F.Toolbar()
   
3.                 .ID("Toolbar1")
   
4.                 .ToolbarAlign(ToolbarAlign.Right)
   
5.                 .Position(ToolbarPosition.Bottom)
   
6.                 .Items(
   
7.                     F.Button()
   
8.                         .ID("Button1")
   
9.                         .Text("发送")
   
10.                         .IconFont(IconFont._Send)
    
11.                         .ValidateForms("Form1") .OnClick(Url.Action("Index"))
    
12.                 )
    
13.         )

复制代码

添加 OnClick 后，可以看下对应的控制器方法是：

1. public class LayoutContactUsController : FineUIMvc.Examples.Controllers.BaseController
   
2. {
   
3.         // GET: FormLayout/LayoutContactUs
   
4.         public ActionResult Index()
   
5.         {
   
6.                 return View();
   
7.         }
   
8. 
   
9. }

复制代码

然后，在用户点击提交按钮时，返回的内容是HTML格式，这显然不是 FineUIMvc 所期望的结果：
[attach]10770[/attach]


=======
FineUIMvc中控件事件对应的控制器方法一定要返回：UIHelper.Result()

例如：

1. [HttpPost]
   
2. [ValidateAntiForgeryToken]
   
3. public ActionResult btnHello_Click()
   
4. {
   
5.         Alert.Show("你好 FineUIMvc！", MessageBoxIcon.Warning);
   
6. 
   
7.         return UIHelper.Result();
   
8. }

复制代码

---

作者: ftmouse    时间: 2017-11-21 12:23

sanshi 发表于 2017-11-20 10:16
这个不是BUG。

在 FormLayout/LayoutContactUs/Index 示例中：

谢谢您的回复！
使我我进一步的理解了这个非常棒的类库


我的本意是 当按查询后 返回 一堆数据，并且要填到表格里，
看了直接 返回view 是不行的
必须改变表格的source
另外 我不理解的是，
为什么 在控制器里 改变表格的source 的时候 必须 带 列参数 fields

1. public ActionResult QueryFaultButtonClick(FormCollection values, string fields)
   
2. {
   
3.                      JArray FaultGridfields = JArray.Parse(fields);
   
4.                 .................
   
5.                 UIHelper.Grid("FaultGrid").DataSource(fault_array, FaultGridfields);
   
6. }

复制代码

---

作者: sanshi    时间: 2017-11-21 15:11

ftmouse 发表于 2017-11-21 12:23
谢谢您的回复！
使我我进一步的理解了这个非常棒的类库

MVC在回发时不会保持状态，所以后台并不知道用了到了数据源中哪些列，fields正好是对此进行过滤

---

欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/)

Powered by Discuz! X3.4