Questions on Kendo UI for jQuery Forum

2 answers

175 views

Table tool

Are there any plans to have a table tool in the editor?

Editor

answered on 20 Nov 2012

0 answers

123 views

TreeView with parents and children (sub-sub-category)

Hi! - I read the article What’s new in Kendo UI Q2.There you find the part: "DataSource Support for TreeView" - (Great stuff!!!). I want to use that functionality with "json" not with odata. - Is that possible? And if yes: Is there a tutorial or a jsFiddle playground?

Thank you in advance
- Jörg

TreeView

asked on 20 Nov 2012

0 answers

138 views

Disable certain column while editing / creating new.

Hi I want to disable certain columns while editing Columns (addDate and ModifiedDate). I was searching something like Telerik isEditable(false) but I cant find it. Here is code of my grid:

@(Html.Kendo().Grid(Model)

.Name("Grid")

.Columns(columns =>

{

columns.Bound(p => p.Title);

columns.Bound(p => p.Author);

columns.Bound(p => p.BookGenreId);

columns.Bound(p => p.ReleaseDate);

columns.Bound(p => p.ISBN);

columns.Bound(p => p.Count);

columns.Bound(p => p.AddDate);

columns.Bound(p => p.ModifiedDate);

columns.Command(command => { command.Edit(); command.Destroy(); }).Width(200);

})

.ToolBar(toolbar => toolbar.Create())

.Editable(editable => editable.Mode(GridEditMode.InLine))

.Pageable()

.Sortable()

.Scrollable()

.Filterable()

.DataSource(dataSource => dataSource

.Server()

// Specify that the ProductID property is the unique identifier of the model

.Model(model => model.Id(p => p.BookId))

.Create(create => create.Action("Create", "Books"))

.Read(read => read.Action("Index", "Books"))

.Update(update => update.Action("Update", "Books"))

.Destroy(destroy => destroy.Action("Destroy", "Books"))

)

)



Resolved by 



                .Model(model =>

                {

                    //The unique identifier (primary key) of the model is the ProductID property

                    model.Id(p => p.BookId);





                    model.Field(p => p.ModifiedDate).Editable(false);

                    model.Field(p => p.AddDate).Editable(false);

                })

Grid

asked on 20 Nov 2012

5 answers

307 views

Styling problem.

I've taken the example off http://demos.kendoui.com/web/datepicker/index.html an as you can see from the attached screenshot the background is all messed up.

I'm using it from a Asp.net MVC 3 point of view.

Can any one help?

DatePicker

answered on 20 Nov 2012

1 answer

237 views

Slider Dependency issue

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

239 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

128 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

203 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

165 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

193 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