fuelux

setting fuelux datagrid source from backbone collection

独自空忆成欢 提交于 2020-01-11 12:34:28
问题 I am trying to set the fuelux datagrid source from my backbone collection. The examples source is here on https://github.com/ExactTarget/fuelux/tree/master/sample . I tired like (function (root, factory) { if (typeof define === 'function' && define.amd) { define(factory); } else { root.sampleData = factory(); } }(this, function () { return { "geonames": new mycollection ///this will retrurn new collection array as in example }; })); And my backbone render consist following code to instatate

How to access fuelux wizard form data?

有些话、适合烂在心里 提交于 2019-12-25 06:27:53
问题 I am using fuelux wizard with a form. I am submitting the form using javascript through finished.fu.wizard event. Is there any other/better way to submit the form? When I am trying to access the data in controller, I am getting nothing. View Part <div id="wizard1" class="wizard wizard-ux"> <ul class="steps"> <li class="active"> Step 1</li> </ul> <div class="step-content"> <form action="/controller_function" class="form-horizontal" id="form1"> <input type="text" id="input1" name="input1"> <

Send model to Jquery

落爺英雄遲暮 提交于 2019-12-22 17:51:48
问题 I would like to create tree in my mvc view using Fuelux jquery plugin. To use this plugin I have to send data to plugin with next code: $('#MyTree').tree({ dataSource: dataSource }) I don't have any idea how to send my model object in view as parameter to plugin. What structure data must have? 回答1: You need to conver you model to Json and use the converted object as a datasource: <script> $(dcoument).ready(function(){ var datasource = @ViewBag.JsonModel; $('#MyTree').tree({ dataSource:

Avoid setting a global class for html

痞子三分冷 提交于 2019-12-13 04:31:06
问题 I am trying to use Fuel UX. I copied its example to my own web page and found that the css could not be loaded. After comparing my HTML with the sample HTML, I find that the sample HTML sets a global class: <html lang="en" class="fuelux"> Adding this line to the head of my HTML solves the problem with the Fuel UX. However adding this global setting mixes many other elements on my page. How can I set this class="fuelux" locally ? EDIT: As I understand class="fuelux" opens a namespace, and now

How to perform a check on ng-disabled in angularjs?

荒凉一梦 提交于 2019-12-12 07:57:49
问题 I am using a fuelUX Wizard and Angularjs. I would like the next button to be enabled or disabled basing on this controller method: $scope.canMoveForward = function(){ switch($("#moduleWizard").wizard("selectedItem").step){ case 1: //check if the module on the first step is valid*/ return $scope.validSelection && $scope.linkedPredicateForm.$valid; case 2: //check if the table is empty return !linkingDataSource.isEmpty(); case 3: var enab= ($scope.saveModeForm.$valid && $scope.newSourceForm.

FuelUX wizard not navigating to next step on including in a form

女生的网名这么多〃 提交于 2019-12-12 03:23:12
问题 Can anyone tell me how to use the form tag with the fuelUX wizard? I am doing the following: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="../../style/sb-admin-2.css"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css"> <link rel="stylesheet"

Bower.json install only single file

|▌冷眼眸甩不掉的悲伤 提交于 2019-12-11 11:38:16
问题 I am a bower newbie. How can I download only a single file from GitHub instead of the entire set of files? I just want the latest fuelux.min.js file from here (https://raw.githubusercontent.com/ExactTarget/fuelux/master/dist/js/fuelux.min.js) and I want to put it in my plugins directory. { "name": "my app", "version": "1.0", "dependencies": { "angular-local-storage": "latest", "fuelux":"latest" }, "install" : { "path" : { "js": "plugins" } } } 回答1: The idea of bower is that you include the

Constructing fuelux datagrid datasource with custom backbone collection

谁都会走 提交于 2019-12-07 14:10:29
问题 I am trying to build datagrid with sorting, searching and paging enabled. Therefore, I am using fuelux-datagrid. MY backbone view looks like this: var app = app || {}; $(function ($) { 'use strict'; // The Players view // --------------- app.PlayersView = Backbone.View.extend({ template: _.template( $("#player-template").html() ), initialize: function () { if(this.collection){ this.collection.fetch(); } this.listenTo(this.collection, 'all', this.render); }, render: function () { this.$el.html

Send model to Jquery

我只是一个虾纸丫 提交于 2019-12-06 10:43:46
I would like to create tree in my mvc view using Fuelux jquery plugin. To use this plugin I have to send data to plugin with next code: $('#MyTree').tree({ dataSource: dataSource }) I don't have any idea how to send my model object in view as parameter to plugin. What structure data must have? You need to conver you model to Json and use the converted object as a datasource: <script> $(dcoument).ready(function(){ var datasource = @ViewBag.JsonModel; $('#MyTree').tree({ dataSource: dataSource }); }); </script> Now you need to populate ViewBag.JsonModel in the action: public ViewResult

Constructing fuelux datagrid datasource with custom backbone collection

时光毁灭记忆、已成空白 提交于 2019-12-05 19:21:46
I am trying to build datagrid with sorting, searching and paging enabled. Therefore, I am using fuelux-datagrid. MY backbone view looks like this: var app = app || {}; $(function ($) { 'use strict'; // The Players view // --------------- app.PlayersView = Backbone.View.extend({ template: _.template( $("#player-template").html() ), initialize: function () { if(this.collection){ this.collection.fetch(); } this.listenTo(this.collection, 'all', this.render); }, render: function () { this.$el.html( this.template ); var dataSource = new StaticDataSource({ columns: [ { property: 'playername', label: