Questions on Kendo UI for jQuery Forum

1 answer

206 views

Hello,

I'm currently trying to use KendoUI to implement a simple slider in a survey for a client.
Therefore, I wouldn't require the 500+kb of JS from the kendo.web.min.js and I would like to integrate the element with the minimum required dependencies.

Based on your documentation below, the slider widget only requires 4-5 script files to work :
http://docs.kendoui.com/getting-started/javascript-dependencies#slider-and-rangeslider

I'm trying to integrate the slider widget on a blank page using the specified script files, but the drag and drop functionality doesn't work.
I always get the following issue : "TypeError: v is not a constructor" in the file "kendo.draganddrop.min.js"

Here is the html portion :

<input id="slider" class="balSlider" value="0" />

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript" src="js/kendo.core.min.js"></script>

<script type="text/javascript" src="js/kendo.binder.min.js"></script>

<script type="text/javascript" src="js/kendo.draganddrop.min.js"></script>

<script type="text/javascript" src="js/kendo.slider.min.js"></script>

<script type="text/javascript">

(function () {

//wait for DOM availability

$(document).ready(function () {

//create slider

$("#slider").kendoSlider();

});

})();

</script>

I also attached a zip archive with the POC source.

Is there a missing dependency in your file list?

Thank you.

Slider

answered on 20 Nov 2012

0 answers

205 views

DropDownList dataItem value is undefined.

var dd = elem.kendoDropDownList({
dataTextField: "Name",
dataValueField: "ID",
value: attr.value,
select: function(e) {
var item = this.dataItem(e.item.index());
console.log(item.value); // UNDEFINED
},
dataSource: source
}).data("kendoDropDownList");

DropDownList

asked on 20 Nov 2012

6 answers

87 views

Kendo UI scroller issue

I have an issue with a Kendo UI scroller. I have posted it at the Kendo forums here :http://www.kendoui.com/forums/mobile/general-discussions/issue-with-scroller-in-android.aspx

Looking forward to some guidance!

General Discussions

answered on 20 Nov 2012

2 answers

161 views

Hide Command in Grid

Hi, i have a problem with the grid,
we need hide command with a condition and block to edition cell with same condition.

my cod of command

{ command: {text: "Guardar", click: change }, title: "Guardar"}

function change

function change(){

var concepto = "";

var saldo = "";

var venta = "";

var oper = "";

var prepago = "";

var castigo = "";

var utilidad = "";

var grid = this;

grid.select().each(function(){

var dtim = grid.dataItem($(this));

concepto += ""+dtim.concepto;

saldo += ""+dtim.saldo;

venta += ""+dtim.venta;

oper += ""+dtim.oper;

prepago += ""+dtim.prepago;

castigo += ""+dtim.castigo;

utilidad += ""+dtim.utilidad;

});

}

how hide and block for edition cell when concepto == 'Total'

Help me please!

Grid

answered on 20 Nov 2012

1 answer

123 views

why my code is not working properly? Grid bound to model. Disable server sorting and filtering.

@(Html.Kendo().Grid(Model).Name("gridName")
.Columns(columns =>
      {
          columns.Bound(o => o.Name);
          columns.Bound(o => o.Surname);
          columns.Bound(o => o.Timespan);
      }).DataSource(d=>d.Ajax().Model(m=>m.Id("Name")).ServerOperation(false))
      .Filterable().ColumnMenu().Sortable()
      )

The code above makes my grid to sort and filter without GET request to server, but it loads content twice - first becuease of ...Grid(Model)... and secondly beacause of ....DataSource(d=>d.Ajax().Model(... and column with Timespan shows [object Object] after 'second' load. How to correct it?

Grid

answered on 20 Nov 2012

0 answers

144 views

Chart Not Displaying

I had this working at one point for a 3.5 application. I am not trying it on an asp.net mvc 4.0 application. It is using bundles. The problem I had before was that either my .css or my .jss files had to be in a particular order. I'm not positive if it is the order or if I'm missing something.

In my _layout.cshtml I have:
@Styles.Render("~/Content/css")
@Styles.Render("~/Content/kendo")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/kendo")

in BundlesConfig.cs I have:
bundles.Add(new StyleBundle("~/Content/css").Include(
"~/Content/site.css"));

bundles.Add(new StyleBundle("~/Content/kendo").Include(
"~/Content/kendo/2012.3.1114/kendo.common.*",
"~/Content/kendo/2012.3.1114/kendo.black.*",
"~/Content/kendo/2012.3.1114/kendo.dataviz.*"));

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/Scripts/jquery-1.8.2.js"));

bundles.Add(new StyleBundle("~/Content/kendo").Include(
"~/Content/kendo/2012.3.1114/kendo.common.*",
"~/Content/kendo/2012.3.1114/kendo.black.*",
"~/Content/kendo/2012.3.1114/kendo.dataviz.*"));

Thanks
Dennis

Charts

asked on 19 Nov 2012

0 answers

82 views

Grid filter behaviour

It looks like the search pattern in the "contains" logic searches something along the line of %some value%

Is there any way I can get to search by %some%value% without having to implement a custom filter?

I have a working example of the custom filter but I just want to be sure that there isn't some way this can be done that is already in the grid filter. I have several grid columns that will need this logic.

Thanks!

Grid

asked on 19 Nov 2012

0 answers

118 views

Arrow keys (up and down) add/subtract double the increment (step) value

I am finding that, no matter what I set the Step value to, pressing the up and down arrow keys adds or subtracts exactly double the step value (clicking on the spinners respects the step setting). Is this by design?

NumericTextBox

asked on 19 Nov 2012

0 answers

88 views

Need to bind to an external template

My controls are widgets, so if I define my template in the markup it appears twice on the page...

Is there a way with the MVVM that I can move the template out to my JS and still bind it?...like a data-bind="template: markup, source: data" or something?

Steve

MVVM