Questions on Kendo UI for jQuery Forum

4 answers

514 views

Disable edit for the particular column on Edit

Hi i want to enable or disable editing for specified column when editing row in grid.
i can achieve this using telerik like this
var indexCell = $(e.cell).index();
            var grid = $('#' + e.currentTarget.id).data('tGrid');
            if (grid.columns[indexCell].title == "*Country<br>Code" && e.mode == "edit") {
                grid.cancelCell(e.cell);
            }

Thanks

Grid

answered on 20 Nov 2012

0 answers

160 views

How to fill the grid columns with list items.

Hi,

I am filling the grid with List of model objet,Inside that each model object again i will be having a list of other model object ,i want show few columns in the grid by using the list which is inside the main Model.

Because of the below foreach i am getting the error.

@(Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns =>
{
columns.Bound(ViewModel => ViewModel.name).Title("name");
foreach (var sec in Model)
{
for (int i = 0; i < sec.SecurityIdentifierModel.Count; i++)
{
string columnName = sec.SecurityIdentifierModel[i].IdentifierType;
columns.Bound(securityViewModel => securityViewModel.SecurityIdentifierModel[i].Identifier).Title(columnName);
}
}
})
.DataSource(dataSource => dataSource
.Server()
.Model(model => model.Id(o => o.Identifier)))
)

Thanks in advance...

Grid

asked on 20 Nov 2012

2 answers

176 views

Table tool

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

Editor

answered on 20 Nov 2012

0 answers

124 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

139 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

309 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

240 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

130 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