标签: fuelux

Fuelux向导和formvalidation.io - 一个ajax

我目前在使用这两个插件获取ajax提交工作时遇到了一些麻烦,是否有人知道应该如何查看?因为现在它提交没有ajax部分自我 - 与执行相同的地址.我真的不知道ajax部分应该在哪里以及什么会触发formvalidation.io提交处理程序 - 因为我猜它应该从on('success.form.fv')调用

Formvalidation.io部分

$('#orderForm').find('input[name="radioclient"]')
                .on('ifChanged', function(e) {
                 // some conditionall validation
                })
                .end()
            .formValidation({
                ... options ...
            }).on('success.form.fv', function(e) {
                // Prevent form submission
                e.preventDefault();

                var $form = $(e.target),
                    fv    = $form.data('formValidation');
            console.log('called');


            });
Run Code Online (Sandbox Code Playgroud)

Fuelux部分

$('#orderWizard')
        // Call the wizard plugin
        .wizard()

        // Triggered when clicking the Next/Prev buttons
        .on('actionclicked.fu.wizard', function(e, data) {
            var fv         = $('#orderForm').data('formValidation'), // FormValidation instance
                step       = data.step,                              // Current step
                // The current step container
                $container = $('#orderForm').find('.step-pane[data-step="' + step +'"]'); …
Run Code Online (Sandbox Code Playgroud)

javascript jquery fuelux formvalidation.io

4
推荐指数
1
解决办法
1001
查看次数

如何利用FuelUX DataGrid"加载"事件?

我需要将click事件绑定到<a>FuelUX DataGrid列中的标记,这些标记通过自定义格式化程序动态添加.

格式化程序正在按预期工作,但是,我不确定如何绑定click事件处理程序.我宁愿以不引人注目的方式这样做.

DataGrid应该具有"已加载"事件挂钩,但是没有关于如何使用此事件的示例.有人可以请我举个例子吗?谷歌对我来说很短暂.

我能找到的唯一参考是在datagrid.js的163上:

self.$element.trigger('loaded');
Run Code Online (Sandbox Code Playgroud)

我假设这意味着我需要在对象上定义一个"加载"函数,但在哪里/如何?我的DataGrid是:

$('#jobs').datagrid({
    dataSource: dataSource,
    itemsText: 'Available Positions',
    itemText: 'Available Position';
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery fuelux

3
推荐指数
1
解决办法
738
查看次数

FuelUX数据网格未加载(使用示例)

我是FuelUX的新手,所以我试图让这个工作,基于提供的示例:

require(['jquery','data.js', 'datasource.js', 'fuelux/all'], function ($, sampleData, StaticDataSource) {

    var dataSource = new StaticDataSource({
            columns: [{property:"memberid",label:"LidId",sortable:true},{property:"name",label:"Naam",sortable:true},{property:"age",label:"Leeftijd",sortable:true}],
            data: sampleData.memberdata,
            delay: 250
        });

        $('#MyGrid').datagrid({
            dataSource: dataSource,
            stretchHeight: true
        });

    });
});
Run Code Online (Sandbox Code Playgroud)

以此为数据:

(function (root, factory) {
    if (typeof define === 'function' && define.amd) {
        define(factory);
    } else {
        root.sampleData = factory();
    }
}(this, function () {
    return {
        "memberdata": [{
            "memberid": 103,
            "name": "Laurens  Natzijl",
            "age": "25"
        }, {
            "memberid": 104,
            "name": "Sandra Snoek",
            "age": "25"
        }, {
            "memberid": 105,
            "name": "Jacob …
Run Code Online (Sandbox Code Playgroud)

javascript datagrid fuelux

3
推荐指数
1
解决办法
4340
查看次数

FuelUX向导组件 - 如何让用户直接进入最后一步?

FuelUX向导组件 - 如何让用户直接进入最后一步?

我可以使用FuelUX向导,但我需要的是我想要下一个和上一个的第一个和最后一个按钮.

我正在尝试这个例子

http://bootply.com/74471

对此有任何帮助.

javascript wizard twitter-bootstrap fuelux

2
推荐指数
1
解决办法
2548
查看次数

如何在 Fuel UX Tree 中重新加载数据 | jQuery

我使用Fuel UX Tree框架来加载树视图数据。

第一次加载文档时,树视图渲染正确,但是当我尝试使用 new 重新加载树时DataSource,我什么也得不到。

这是我的代码示例:

树 UI 模板:

<div id="MyTree" class="tree tree-plus-minus tree-no-line tree-unselectable">
    <div class="tree-folder" style="display:none;">
        <div class="tree-folder-header">
            <i class="fa fa-folder"></i>
            <div class="tree-folder-name">
            </div>
        </div>
        <div class="tree-folder-content">
        </div>
        <div class="tree-loader" style="display:none">
        </div>
    </div>
    <div class="tree-item" style="display:none;">
        <i class="tree-dot"></i>
        <div class="tree-item-name">
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

树 UI 初始化函数:

var UITree = function () {

    return {
        //main function to initiate the module
        init: function (el, data) {
            if (typeof el != 'undefined' && typeof data …
Run Code Online (Sandbox Code Playgroud)

javascript ajax tree jquery fuelux

1
推荐指数
1
解决办法
1784
查看次数

Bower.json只安装单个文件

我是一个凉亭新手.如何从GitHub只下载单个文件而不是整个文件集?我只想从这里获取最新的fuelux.min.js文件(https://raw.githubusercontent.com/ExactTarget/fuelux/master/dist/js/fuelux.min.js),我想把它放在我的插件目录中.

{
  "name": "my app",
  "version": "1.0",
  "dependencies": {
    "angular-local-storage": "latest",
    "fuelux":"latest"
    },
  "install" : {
    "path" : {
      "js": "plugins"
      }
  }
}
Run Code Online (Sandbox Code Playgroud)

javascript bower fuelux bower-install

1
推荐指数
2
解决办法
3209
查看次数