easyui datagrid .netmvc 页面只有一个datagrid时，出现有时可以调用controller有时不可以

[vovo09]

如题，当页面只有一个datagrid时，datagrid指定的url有时可以调用，有时不可以，整个页面显示空白
调试过，有时候不可以进apicontroller，页面显示空白；刷新几次，又可以进入apicontroller，正常显示。
请大神们指教~
html代码如下：

@{
    ViewBag.Title = "SFM";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section scripts{
    <script src="~/Areas/SFM/ViewModels/FlowStart.js" type="text/javascript"></script>
    <script type="text/javascript">
        var data = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model));
        ko.bindingViewModel(new com.viewModel.searchEdit(data));
        
    </script>
}
<table data-bind="datagrid:grid" style="display: none;">
    <thead>
        <tr>
            <th field="FlowObjectID" sortable="true" align="left" width="20" editor="text" 

hidden="true">
                流程审批对象ID
            </th>
            <th field="FlowObjectName" sortable="true" align="left" width="200" editor="text">
                流程审批对象名称
            </th>
            <th field="TableName" sortable="true" align="left" width="250" editor="text">
                对应表名
            </th>
            <th field="Memos" sortable="true" align="left" width="500" editor="text">
                备注
            </th>
        </tr>
    </thead>
</table>

JS代码如下：

/**
* 模块名：com viewModel
* 程序名: FlowStart.js
* Copyright(c) 2013-2015  [  ] 
**/
var com = com || {};
com.viewModel = com.viewModel || {};

com.viewModel.searchEdit = function (data) {
    var self = this;
    this.urls = data.urls;
    this.getSize = function () {
        var size = { w: 4, h: 40 }, ret = {};
        if (size && size.w) ret.width = $(window).width() - size.w;
        if (size && size.h) ret.height = $(window).height() - size.h;
        return ret;
    };

    this.grid = {
        width: self.getSize().width,
        height: self.getSize().height,
        url: self.urls.query,
        queryParams: ko.observable(ko.toJS(this.form)),
        async: false,
        nowrap: false,          //允许折行
        remoteSort: true,       //后台排序
        pagination: true,       //翻页
        pageList: [5, 10, 20, 30, 40, 50],
        pageSize: 20,
        fitColumns: false,
        onLoadSuccess: function () {
            $(".combo > .combo-text").attr('readonly', 'readonly');
        }
    };


};

controller代码如下

using System;
using System.Collections.Generic;
using System.Reflection;
using System.Text;
using System.Web.Http;
using System.Web.Mvc;
using Sundy.U4.Core;
using Sundy.U4.Models;
using Sundy.U4.SFM.Web.Areas.SFM.Common;

namespace Sundy.U4.Areas.SFM.Controllers
{
    public class FlowStartController : Controller
    {
        public ActionResult Index()
        {
            var model = new
            {
                urls = new
                {
                    query = "/api/SFM/FlowStart",
                }
            };

            return View(model);
        }
    }

    public class FlowStartApiController : ApiController
    {
        /// <summary>
        /// 获取流程审批对象信息
        /// </summary>
        /// <param name="query"></param>
        /// <returns></returns>
        public dynamic Get(RequestWrapper query)
        {
            query.LoadSettingXmlString(@"
                <settings defaultOrderBy='FlowObjectID'>
                    <select>*</select>
                    <from>T_SFM_FlowObject</from>
                    <where defaultForAll='true' defaultCp='equal' defaultIgnoreEmpty='true' >
                    </where>
                </settings>");
            var service = new T_SFM_FlowObjectService();
            var pQuery = query.ToParamQuery();
            var result = service.GetDynamicListWithPaging(pQuery);
            return result;
        }
    }
}

第一次加载，页面显示空白

刷新几次，页面显示有数据

[vovo09]

试过了如果加上下面代码就可以了

<div style="display: none">
    <input type="text" data-bind="datasource:dataSource.Supplier ,comboboxValue:form.MineNo"
        class="z-txt  easyui-combobox" data-options="showblank:true" /></div>

感觉后台要有其他的数据绑定，才会触发到datagrid的绑定。有什么其他的解决办法吗？

[nitaiyoucala]

高大上的编码风格

[以专业开发人员为伍]

1. 你可以在 this.grid = {.....} 那里设置断点，用 vs 调试脚本，查看变量。 2. 也可以使用 console.log(....) 方式将有关 urls.query 等等变量打印出来，然后进入浏览器的（注意不是 vs 的）控制台窗口去查看日志。 3. 同时使用一个 http 调试器记录每一次刷新时到底有没有实际发出查询。 贴调试结果、截屏。不要只贴源代码。

[以专业开发人员为伍]

如果你调试结果发现实际上每一次加载页面其实是读取了后台数据，问题出在前端，那么可能就是绑定 datagrid 的方法是有问题的了。异步加载，那么 this.grid

引用 1 楼 vovo09 的回复:

试过了如果加上下面代码就可以了

<div style="display: none">
    <input type="text" data-bind="datasource:dataSource.Supplier ,comboboxValue:form.MineNo"
        class="z-txt  easyui-combobox" data-options="showblank:true" /></div>

感觉后台要有其他的数据绑定，才会触发到datagrid的绑定。有什么其他的解决办法吗？

不知道你的 this.form 是什么？！ 你可以先把 queryParams: {.....} 这里用一个傻瓜化的对象来代替，试一试脱离 form 之后的结果。 js 是很不靠谱的，不管是语法还是运行时，都难于预先查找代码设计错误。

[vovo09]

直接在加载的方法里放断点，有时可以进，有时不可以进。 如果是在js里放断点，一步步走完，就可以进入后台的断点，加载正常；如果js没设断点，那就有时可以有时不可以。 谢谢回复