关于fineui 局部视图或者模版视图

zhang406391553

想请问一下 fineui能否支持mvc 局部视图开发模式 自己有整合一些布局和模块 想做成通用， 发现使用局部视图 没办法实现，不知道方法不对还是 不支持， 求大神指点

sanshi

你是准备怎么实现的呢？把相关的代码文件放出来看下

zhang406391553

sanshi 发表于 2018-2-1 11:36
你是准备怎么实现的呢？把相关的代码文件放出来看下

唔， 这里先请教一个其他问题，我想从后台动态生成 多个Image 空间到前端某一个form里面， 有什么办法可以实现这样的需求吗

zhang406391553

zhang406391553 发表于 2018-2-1 14:46
唔， 这里先请教一个其他问题，我想从后台动态生成 多个Image 空间到前端某一个form里面， 有什么办法可 ...

关于 局部视图问题
我一个表单，里面会生成多个  Image 空间，我需要将它在后台装载 然后显示到前端视图上
并且有多个地方会用到， 想用局部视图的方式去实现，目前就卡在这里不知道该怎么去实现
                                                 F.Form()
                                                        .ID("SimpleForm1")
                                                        .Width(300)
                                                        .Height(170)
                                                        .EnableCollapse(true)
                                                        .ShowBorder(false)
                                                        .ShowHeader(false)
                                                        .Layout(LayoutType.VBox)
                                                        .Items(
                                                            F.Image()
                                                                .ID("imgfilePhoto1")
                                                                .CssClass("photo")
                                                                .ImageHeight(125)
                                                                .ImageWidth(220)
                                                                .ImageUrl(Url.Content("~/res/images/blank.png"))
                                                                .BoxFlex(1),
                                                            F.Button()
                                                                .Text("查看图片")
                                                                 .Icon(Icon.ImageMagnify)
                                                                 .Enabled(false)
                                                                 .ID("btnImgFileName1")
                                                                 .Listener("click", "onImgShow(F.ui.txtImgFileName1.getValue())")
                                                                .CssClass("btn"),
                                                            F.TextBox()
                                                                .ID("txtImgFileName1")
                                                                 .Hidden(true)
                                                                 .Readonly(true)
                                                                .Text(""),
                                                            F.FileUpload()
                                                                .ID("filePhoto1")
                                                                .ShowRedStar(false)
                                                                .ShowEmptyLabel(true)
                                                                .ButtonText("上传图片")
                                                                .ButtonOnly(true)
                                                                .ButtonIcon(Icon.ImageAdd)
                                                                .OnFileSelected(Url.Action("UploadFileAction1"), "filePhoto1")
                                                        ),
                                                    F.Form()
                                                        .ID("SimpleForm2")
                                                        .Width(250)
                                                        .Height(170)
                                                        .EnableCollapse(true)
                                                        .ShowBorder(false)
                                                        .ShowHeader(false)
                                                        .Layout(LayoutType.VBox)
                                                        .Items(
                                                            F.Image()
                                                                .ID("imgfilePhoto2")
                                                                .CssClass("photo")
                                                                .ImageHeight(125)
                                                                .ImageWidth(220)
                                                                .ImageUrl(Url.Content("~/res/images/blank.png"))
                                                                .BoxFlex(1),
                                                            F.Button()
                                                                .Text("查看图片")
                                                                .ID("btnImgFileName2")
                                                                .Enabled(false)
                                                                 .Icon(Icon.ImageMagnify)
                                                                 .Listener("click", "onImgShow(F.ui.txtImgFileName2.getValue())")
                                                                .CssClass("btn"),
                                                            F.TextBox()
                                                                .ID("txtImgFileName2")
                                                                 .Hidden(true)
                                                                 .Readonly(true)
                                                                .Text(""),
                                                            F.FileUpload()
                                                                .ID("filePhoto2")
                                                                .ShowRedStar(false)
                                                                .ShowEmptyLabel(true)
                                                                .ButtonText("上传图片")
                                                                .ButtonOnly(true)
                                                                .ButtonIcon(Icon.ImageAdd)
                                                                .OnFileSelected(Url.Action("UploadFileAction2"), "filePhoto2")
                                                        ),
                                                    F.Form()
                                                        .ID("SimpleForm3")
                                                        .Width(250)
                                                        .Height(170)
                                                        .EnableCollapse(true)
                                                        .ShowBorder(false)
                                                        .ShowHeader(false)
                                                        .Layout(LayoutType.VBox)
                                                        .Items(
                                                            F.Image()
                                                                .ID("imgfilePhoto3")
                                                                .CssClass("photo")
                                                                .ImageHeight(125)
                                                                .ImageWidth(220)
                                                                .ImageUrl(Url.Content("~/res/images/blank.png"))
                                                                .BoxFlex(1),
                                                           F.Button()
                                                                .Text("查看图片")
                                                                .ID("btnImgFileName3")
                                                                .Icon(Icon.ImageMagnify)
                                                                  .Listener("click", "onImgShow(F.ui.txtImgFileName3.getValue())")
                                                                .Enabled(false)
                                                                .CssClass("btn"),
                                                            F.TextBox()
                                                                .ID("txtImgFileName3")
                                                                 .Hidden(true)
                                                                 .Readonly(true)
                                                                .Text(""),
                                                            F.FileUpload()
                                                                .ID("filePhoto3")
                                                                .ShowRedStar(false)
                                                                .ShowEmptyLabel(true)
                                                                .ButtonText("上传图片")
                                                                .ButtonOnly(true)
                                                                .ButtonIcon(Icon.ImageAdd)
                                                                .OnFileSelected(Url.Action("UploadFileAction3"), "filePhoto3")
                                                        )
                                                        )

zx271201354

   
前端：
F.Form()
                                                        .ID("SimpleForm1")
                                                        .Width(300)
                                                        .Height(170)
                                                        .EnableCollapse(true)
                                                        .ShowBorder(false)
                                                        .ShowHeader(false)
                                                        .Layout(LayoutType.VBox)
                                                        .Items(
                                                          ViewBag.Images
                                                        ),
后端:        List<ControlBase> control = new List<ControlBase>();
control.Add(new  Image(){ID="imgfilePhoto1",ImageHeight=500};
control.Add(new  Image(){ID="imgfilePhoto2",ImageHeight=500};
control.Add(new  Image(){ID="imgfilePhoto3",ImageHeight=500};
control.Add(new  Image(){ID="imgfilePhoto4",ImageHeight=500};
control.Add(new  Image(){ID="imgfilePhoto5",ImageHeight=500};
ViewBag.Images=control .ToArray();

zhang406391553

zx271201354 发表于 2018-2-2 08:19
前端：
F.Form()
                                                        .ID("SimpleForm1")

谢谢， 我需要异步加载，同步的没什么问题，就是 用户添加一个图片后在不刷新视图页的时候添加到 界面上

zx271201354

前台利用F.doPostBack   

后台：           var form = UIHelper.Form("form1");
            form.Source.Items.Add(new Image() { ID = "imgfilePhoto1", ImageHeight = 500 });
            return UIHelper.Result();

zhang406391553

zx271201354 发表于 2018-2-2 10:15
前台利用F.doPostBack   

后台：           var form = UIHelper.Form("form1");

代码编译会通过，可是视图上并不会添加内容

zhang406391553

sanshi 发表于 2018-2-1 11:36
你是准备怎么实现的呢？把相关的代码文件放出来看下

请问 第三方插件写在局部视图里了，想放到某个GroupPanel 下面  mvc 的代码该怎么写呢

直接写的话会报错
“FineUIMvc.PanelBaseExtension<FineUIMvc.GroupPanel,FineUIMvc.GroupPanelExtension>.Items(params FineUIMvc.IControlBaseExtension<FineUIMvc.ControlBase>[])”最匹配的重载方法具有一些无效参数

zx271201354

            PageContext.RegisterStartupScript("F.ui.form1.add( new F.FileUpload({id: 'File1',hideLabel: false,fieldLabel: '附件信息'}))");
            return UIHelper.Result();


那试试这样呢  我这增加的是一个附件上传  可行的话  可以封装一下js  进行传参