在html页面中能否实现设计器中的拖拽模板的功能

收藏

本帖最后由 yang1108 于 2018-1-30 16:52 编辑

在html页面能否在页面外生成具有函数的模板且允许将模板拖拽进我的页面中
image.png17281187.png

yang1108 · yang1108

@dexteryao 召唤超级版主求解答...

Clark.Pan · Clark.Pan

您好，必须是拖拽进去吗？能不能是保存成一个模板文件，点击加载文件这样的方式来实现呢。类似桌面设计器中的方式。

yang1108 · yang1108

ClarkPan 发表于 2018-1-30 09:44
您好，必须是拖拽进去吗？能不能是保存成一个模板文件，点击加载文件这样的方式来实现呢。类似桌面设计器中 ...

先感谢版主大佬
现在的需求大概就是要求列是拖拽行是筛选出来然后生成只有行与列的表样表样允许修改样式
因为是刚刚接触spreadjs 所以没什么思路去做这个...
我的想法就是我的列能否是html页面的一个button 但是内部是spreadjs的json 和我数据库的表的映射
通过在表单外面拖拽到表单内部在修改样式等操作之后在进行数据的铺写

Clark.Pan · Clark.Pan

您好：

大概知道您是想要拖拽来绑定列数据，一列一列通过拖拽来完成绑定。
您是希望绑定在表单上也就是整个sheet这个工作表呢
还是绑定在表格上，表格就像下图这样，是sheet中建立一个table
image.png37765196.png

yang1108 · yang1108

ClarkPan 发表于 2018-1-30 10:31
您好：

大概知道您是想要拖拽来绑定列数据，一列一列通过拖拽来完成绑定。

是整个sheet的表单的
image.png16858214.png

以红框为分割左边区域为spreadjs生成的空白sheet
右边为我html页面内的button等元素
将button通过拖拽的方式放入进sheet表单中
在保存时通过获取我表格的所有值解析我放入的值是对应我数据库的那种数据
然后保存该表单为视图模板下次点击该模板可以查看（查看时需将内部数据都查询出来并铺写在表单内），修改内部参数（不修改行列属性）

这种情况能否做到且应该用到什么样的方法

Clark.Pan · Clark.Pan

大致了解了您的需求，关于您的需求我理解为
使用拖拽的形式完成表单显示与数据库中内容的双向绑定。
目前spreadjs双向绑定可以完成您后半部分的功能。
参考：
http://demo.gcpowertools.com.cn/ ... s/sheetLevelBinding
前半部分，拖拽您的组件来完成绑定过程，需要您自行来实现拖拽这部分的功能，拖拽到指定列后，后面的绑定工作可以通过上面地址中表单绑定的方式来完成（设置绑定列），之后双向绑定这块本身表单绑定就是双向绑定，可以通过setDatasource，和getDataSource来完成设置和读取数据源信息。

yang1108 · yang1108

ClarkPan 发表于 2018-1-30 15:14
大致了解了您的需求，关于您的需求我理解为
使用拖拽的形式完成表单显示与数据库中内容的双向绑定。
目前 ...

OK 我理解了感谢版主~~

Clark.Pan · Clark.Pan

不客气，有什么问题欢迎另开新帖进行询问。

		自动登录	找回密码
密码			立即注册

[已处理] 在html页面中能否实现设计器中的拖拽模板的功能

8 个回复

微信认证勋章

讲师达人

悬赏达人

SpreadJS 认证

SpreadJS 高级认证

元老葡萄