jQuery MiniUI

标题: TreeGRID表格内是否可以上传图片或文件？ [打印本页]

作者: 970145 时间: 2013-1-28 11:36:21 标题: TreeGRID表格内是否可以上传图片或文件？

TreeGRID表格内是否可以上传图片或文件？并把其路径保存到数据表中的某一个字段！显示时表格内显示其路径，点击就打开！

是否要以实现，麻烦提供一个实例，包含数据库存啊！

作者: 970145 时间: 2013-1-28 13:34:22

即增加一列，对于每一行数据加一个上传按钮，点击后主可上传图片或文件，上传后数据库只保存其地址，

显示时，每一行都显示上传图片的缩略图（如果是图片），如是文件就出现点击下载

作者: factory 时间: 2013-1-28 13:47:57

970145 发表于 2013-1-28 13:34
即增加一列，对于每一行数据加一个上传按钮，点击后主可上传图片或文件，上传后数据库只保存其地址，

显示 ...

你参考http://www.miniui.com/demo/#src=treegrid/drawcell.html
这个例子，在cellHtml里面写入上传按钮的html试试

作者: 970145 时间: 2013-1-29 09:19:43

可否做个DEMO出来啊！谢谢！

作者: factory 时间: 2013-1-29 10:40:57

970145 发表于 2013-1-29 09:19
可否做个DEMO出来啊！谢谢！

cellHtml之内只能放原生html，所以只能用html的file来做。
或者你这样，你在cellHtml='<input type="button" onclikc="xxxx()" value="弹出选择文件"/>'

然后点击button，弹出一个窗口，窗口里面放入一个上传控件，这里面可以用fileupload控件，也可以用htmlfile。
然后再点击弹出窗口的确定之后，上传文件，并且将路径回写给treegrid。
弹出窗口的具体做法，请参考：http://www.miniui.com/demo/#src=datagrid/datagrid.html
窗口的代码你可以看demo/CommonLibs/EmployeeWindow.html这个页面

作者: 970145 时间: 2013-1-29 13:15:26

factory 发表于 2013-1-29 10:40
cellHtml之内只能放原生html，所以只能用html的file来做。
或者你这样，你在cellHtml=''

有QQ吗？可否帮我部署下DEMO环境？现在我下载的demo在本地运行不了啊！

作者: factory 时间: 2013-1-29 13:49:05

970145 发表于 2013-1-29 13:15
有QQ吗？可否帮我部署下DEMO环境？现在我下载的demo在本地运行不了啊！

很简单的，你是什么就照着安装说明.txt部署好了
1.导入数据库数据
2.数据库表名，用户名，密码改成你的
就这样

作者: 970145 时间: 2013-1-29 14:55:30

factory 发表于 2013-1-29 13:49
很简单的，你是什么就照着安装说明.txt部署好了
1.导入数据库数据
2.数据库表名，用户名，密码改成你的

我下载的没有数据库啊，只有一个SQL的文本！

版主，能给我QQ即时交流吗？

作者: factory 时间: 2013-1-29 14:56:48

970145 发表于 2013-1-29 14:55
我下载的没有数据库啊，只有一个SQL的文本！

版主，能给我QQ即时交流吗？ ...

把sql的文本复制到数据库里面跑一下就可以了。

作者: minicooper 时间: 2013-7-29 21:23:36

factory 发表于 2013-1-28 13:47
你参考http://www.miniui.com/demo/#src=treegrid/drawcell.html
这个例子，在cellHtml里面写入上传按钮 ...

如果是编辑表格的话，如何在点击编辑后弹出的界面上把上传的图片显示出来呢？

作者: factory 时间: 2013-7-30 09:20:02

本帖最后由 factory 于 2013-7-30 09:21 编辑

minicooper 发表于 2013-7-29 21:23
如果是编辑表格的话，如何在点击编辑后弹出的界面上把上传的图片显示出来呢？ ...

弹出面板上显示出来？
你直接放个img标签，src指向你的上传的图片的路径好了

作者: minicooper 时间: 2013-7-30 09:29:56

factory 发表于 2013-7-30 09:20
弹出面板上显示出来？
你直接放个img标签，src指向你的上传的图片的路径好了
...

http://www.miniui.com/demo/#src=datagrid/datagrid.html
这个示例中，选中一条数据后，点击编辑就会加载选中数据的信息，如果选中数据的信息中，有图片地址，如何在点击编辑后弹出的表单中加载图片路径？

还有，Discuz这个论坛都登录了，点击帖子进去后又显示没登录。

作者: factory 时间: 2013-7-30 09:33:08

minicooper 发表于 2013-7-30 09:29
http://www.miniui.com/demo/#src=datagrid/datagrid.html
这个示例中，选中一条数据后，点击编辑就会加 ...

你在表单上放个img标签，把你的图片地址给到img的src，不就显示出来了吗？

作者: minicooper 时间: 2013-7-30 09:36:47

factory 发表于 2013-7-30 09:33
你在表单上放个img标签，把你的图片地址给到img的src，不就显示出来了吗？ ...

显示的控件都是通过input里面的那么绑定的，只需把input里面的name和数据中列对应就行。
<input name="age" class="mini-spinner" minValue="1" maxValue="200" />
图片如何对应呢？
<img src="images/?">

作者: factory 时间: 2013-7-30 09:45:41

minicooper 发表于 2013-7-30 09:36
显示的控件都是通过input里面的那么绑定的，只需把input里面的name和数据中列对应就行。

图片如何对应呢 ...

miniui的form的绑定数据是根据name的，但是miniui的API只能针对miniui控件，所以html的img不支持miniui的form的批量设置值，你这个img额外单独处理下好了
docment.getxxxxxxxx.src = row.yourPath

作者: minicooper 时间: 2013-7-30 09:51:26

factory 发表于 2013-7-30 09:45
miniui的form的绑定数据是根据name的，但是miniui的API只能针对miniui控件，所以html的img不支持miniui的 ...

不支持的话，只能自己处理了，不过这些都是业务范围，你们既然做这个，就应该考虑到图片显示问题。

作者: factory 时间: 2013-7-30 09:53:40

minicooper 发表于 2013-7-30 09:51
不支持的话，只能自己处理了，不过这些都是业务范围，你们既然做这个，就应该考虑到图片显示问题。 ...

暂时没有图片相关的控件。
如果只是img的话，直接用html的好了

作者: tinatony 时间: 2014-8-9 10:53:05

factory 发表于 2013-7-30 09:53
暂时没有图片相关的控件。
如果只是img的话，直接用html的好了

弹出的框怎么传值给父页面啊？

作者: felt 时间: 2014-8-9 12:10:46

tinatony 发表于 2014-8-9 10:53
弹出的框怎么传值给父页面啊？

a页面定义
top["win"]=window
function aaa(){}
b页面可以直接
top["win"].aaa()来使用a页面的方法

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)