FineUI 官方论坛

标题: 关于fineui 局部视图或者模版视图 [打印本页]

作者: zhang406391553 时间: 2018-2-1 10:41
标题: 关于fineui 局部视图或者模版视图
想请问一下 fineui能否支持mvc 局部视图开发模式自己有整合一些布局和模块想做成通用，发现使用局部视图没办法实现，不知道方法不对还是不支持，求大神指点

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

作者: zhang406391553 时间: 2018-2-1 14:46

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

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

作者: zhang406391553 时间: 2018-2-1 14:50

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 时间: 2018-2-2 08:19

前端：
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 时间: 2018-2-2 09:02

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

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

作者: zx271201354 时间: 2018-2-2 10:15
前台利用F.doPostBack

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

作者: zhang406391553 时间: 2018-2-2 13:11

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

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

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

作者: zhang406391553 时间: 2018-2-2 13:18

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

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

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

作者: zx271201354 时间: 2018-2-2 13:34
         PageContext.RegisterStartupScript("F.ui.form1.add( new F.FileUpload({id: 'File1',hideLabel: false,fieldLabel: '附件信息'}))");
         return UIHelper.Result();

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

作者: zx271201354 时间: 2018-2-2 13:39
         PageContext.RegisterStartupScript("addFileToControl(F.ui.form1,'File1',false,'附件信息');");

JS

//添加附件到指定位置
function addFileToControl(panel,id,hide,lable) {
var file = new F.FileUpload({
      id: id,
      hideLabel: hide,
      fieldLabel: lable
});
panel.add(file);
file.focus();
}

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