Giter Site home page Giter Site logo

fallsea / fslayui Goto Github PK

View Code? Open in Web Editor NEW
505.0 27.0 182.0 18.01 MB

基于layui的前端快速开发框架,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作。目前支持单数据表格、多数据表格、tab数据表格、树+数据表格、联动数据表格、layeidt编辑器、下拉框联动等。

Home Page: http://fslayui.itcto.cn

License: MIT License

CSS 8.17% HTML 40.07% JavaScript 46.47% Less 5.29%
layui plugin fallsea fslayui easyadmin wueasy

fslayui's People

Contributors

fallsea avatar muxiaobai avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

fslayui's Issues

loadUrl返回的数据是数组,该如何处理?

@fallsea

我的表单使用了你的插件,赞一个,挺好用的。

但我遇到一个问题。希望在线的时候解答一下疑惑。 谢谢

需求是:
点击表格的编辑,弹窗编辑。(和datagrid的编辑类似,不同的是数据)
使用你的插件,是通过loadUrl获得数据,然后把数据插入edit.html,进行显示。
但我通过loadUrl得到数据格式是数组:
[{“host”:”test1”,”city”:”guangdong”},{“host”:”test2”,”city”:”guangdong”}]
数组的长度是不定的。

疑问:
实现这样的需要,我以前的做法是先取数据,然后使用模版返回一个有数据的 edit.html

使用了你这个插件,我就不知道怎么处理了。 edit.html 支持写for 循环来动态处理? how ? 

   谢谢!

能新增功能就好了?

1、数据表格能新增一个汇总的行就好了
2、数据表格的序号每页都是从1开始,自增怎么设置?

一个表格联动两个表格

fslayui :V1.8.5

当前情况下:一个表格使用clickRenderTable,能联动到另外一个表格,类似A-->B--->C联动;

期望效果:一个表格可以联动多个表格, clickRenderTable="fsDatagrid2,fsDatagrid3" 类似 A--->B,A--->C,联动

在flask下创建项目 报项目文件找不到

GET http://127.0.0.1:5000/plugins/frame/js/fsForm.js?v=1.6.0

代码如下:

<title>fsLayuiPlugin</title> <script type="text/javascript" src="/plugins/layui/layui.js"></script> <script type="text/javascript" src="/plugins/jquery/jquery.min.js"></script> <script type="text/javascript" src="/plugins/frame/js/fsDict.js?v=1.4.1"></script> <script type="text/javascript" src="/plugins/frame/js/fs.js?v=1.4.1"></script> <script type="text/javascript" src="/plugins/frame/js/frame.js?v=1.4.1"></script>
名称
类型
性别
状态
城市
创建时间
省份
城市
附件
上传图片
描述
<textarea id="description" name="description" placeholder="请输入描述" class="fsLayedit" height="80"></textarea>

新增 关闭

n.use @ layui.js:2
(anonymous) @ frame.js:8

这里貌似用了/plugins/的路径。。。不知道怎么回事 改改吧

窗口传参问题

功能归集 这样写的,传过去弹框的时候数据总是只取第一个选中的值。需要的结果是直接一个字符串的列值集合

设置了fsLayedit,设值的疑问。

1,这样设置

<textarea id="id_show_inf" name="show_inf" placeholder="" class="layui-textarea" height="240"></textarea>

使用document.getElementById("id_show_inf").value=output; 赋值生效。但高度不生效。

2,这样设置

<textarea id="id_show_inf" name="show_inf" placeholder="" class="fsLayedit" height="240"></textarea>

使用document.getElementById("id_show_inf").value=output; 高度生效,但赋值失效。

使用方法2,该如何初始化富文本编辑框的内容? 谢谢

关于查询时,表格数据和其它数据一块展示

比如报表需要展示在表格下方展示全量数据的统计,不仅仅条数,还有金额之类的。表格只展示分页的详情。这样需要在一个请求里查询,即同一个事物,为了保证数据的一致性,故需要同时展示两部分数据。

tree报错

Cannot create property 'LAY_TABLE_INDEX' on string '1'
at String. (table.js?v=1.7.0:599)
at o.each (layui.js:2)

弹出窗口中的select无法获取到传值

我这里是一个新增窗口,并非编辑窗口,不从server端通过id回传整个form。
input=text时,form可以获取到弹出窗口的传值

<div class="layui-input-block" style="width: 300px;"><input type="text" name="deviceNo" required="" lay-verType="tips" lay-verify="required" placeholder="设备编码" autocomplete="off" class="layui-input" /></div>

改成select后,获取不到传值。

<div class="layui-input-block" style="width: 300px;"><select name="deviceNo" lay-verify="required" lay-verType="tips" class="fsSelect fsDict" dict="devices" addNull="1" placeholder="请选择设备"></select></div>

弹出窗口已经用inputs传值

inputs="deviceNo:"

提问的艺术

Please answer these questions before submitting your issue. Thanks!
我们希望将精力放在完成新功能和解决有价值的问题上,为了让大家的配合更具有效率,请填写以下列出的全部问题

### Which version of Elastic-Job do you using?(您使用的fsLayui版本为?)


### Expected behavior (您预期的结果是)


### Actual behavior (实际运行的结果是)


### Steps to reproduce the behavior (可重现问题的操作步骤)


### Please provide the reproduce example codes (such as github link),otherwise we will label the issue as Invalid and close it.(为了节省复现问题的时间,请务必提供可重现的代码,否则我们会将issue直接标记为invalid并关闭)


样式问题

fslayui1.8.5

tab数据表格,查询条件中使用dict下拉列表,三个tab使用一个dict后两个样式直接变成原始的select框,数据请求正常。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.