Questions on Kendo UI for jQuery Forum

1 answer

136 views

I defined a panelbar on left and a grid to right.
and I expand the panelbar,the grid's toolbar expand the same time.Is this the css problem?
I repeat it on jsFiddle http://jsfiddle.net/9Aj9E/4/

PanelBar

answered on 31 Aug 2012

1 answer

481 views

Eclipse .min.js Files Multiple Syntax Errors

Hi,

I'm looking to use Kendo UI with PhoneGap to create a mobile app. I have PhoneGap working fine but when I copy and paste KendoUI's "styles" and "js" folders into the assets folder of the Eclipse project several .min.js files throw syntax errors! I downloaded and used: "kendoui.trial.2012.2.710"

"Syntax error on token ",", ; expected kendo.all.min.js /KendoUI_BaseTemplate/assets/js line 8 JavaScript Problem"
"Syntax error on token "}", ; expected kendo.dataviz.min.js /KendoUI_BaseTemplate/assets/js line 8 JavaScript Problem"
etc...

In total there are 462 syntax errors where Eclipse expects a different symbol instead of the given symbol. Does this mean the files are corrupt or Eclipse is just being funny as usual? Is there a way to suppress the errors as the application won't compile until the errors are dealt with?

Any help would be great,
Tom

Application

answered on 31 Aug 2012

0 answers

188 views

Photo Gallery

Is it possbile with the actual Kendo UI widgets to create a photo gallery like the one we find in Facebook? I am thinking about something where we can pass an array of photos URL's with their respective titles, then it build a gallery where we can click to see a bigger image, and navigate among them by clicking in their sides or using keyboard arrows.

If this is not possible, a photo gallery widget could be a nice new feature in Kendo UI.

General Discussions

asked on 30 Aug 2012

0 answers

155 views

How to select value from view model?

I have a kendo combobox that I'm populating from a remote json call. I'm also binding a json object to dom elements. Is there a way to bind the selected value of the combobox with the id returned from the json \ viewmodel object? Thanks

<input type="hidden" data-bind="value:Id" /><br />

<input type="text" placeholder="First name" name="FirstName" maxlength="30" data-bind="value:FirstName" id="id_firstName" /><br />

<input type="text" placeholder="Last name" name="LastName" maxlength="30" data-bind="value:LastName" id="id_lastName" /><br />

<input type="text" placeholder="Email" name="email" maxlength="30" data-bind="value:Email" id="id_email" /><br />

<input id="timeZones">

<button data-bind="click: save" class="btn">Save</button>

$("#timeZones").kendoComboBox({

index: 0,

placeholder: "Select Time Zone",

dataTextField: "DisplayName",

dataValueField: "Id",

filter: "contains",

dataSource: {

type: "json",

transport: {

read: "/api/TimeZone/Get/"

}

});

ComboBox

asked on 30 Aug 2012

2 answers

152 views

Tabstrip icons not showing on some Blackberry handsets

Hi guys,

Not too sure about this one, but for some reason the tabstrip icons are not showing on certain Blackberry handsets. I haven't loaded apps on those specific handsets, they just don't show while I'm using Ripple emulator to develop.

TabStrip (Mobile)

answered on 30 Aug 2012

0 answers

142 views

Existing HTML table header overwritten by MVVM binding

Hello,

as demonstrated in this fiddle, using an existing HTML table for Grid definition will only work when creating the grid using the $("#grid").kendoGrid() syntax. Using the kendo.bind($("#grid"), viewModel) syntax will result in the column headers being overwritten. I've traced this to the call to Grid.setDataSource() from the MVVM framework. Stacktrace as follows (version 2012.2.823):

Widget.extend.setDataSource (kendo.all.js:16654)

binders.widget.source.Binder.extend.refresh (kendo.all.js:7740)

Class.extend.bind (kendo.all.js:7109)

BindingTarget.extend.applyBinding (kendo.all.js:7931)

BindingTarget.extend.bind (kendo.all.js:7910)

bindElement (kendo.all.js:8065)

bind (kendo.all.js:8088)

(anonymous function) (gridtest.html:23)

As a matter of fact, any call to Grid.setDataSource() after widget initialization will result in the headers being overwritten. The method used to detect a pre-existing HTML header (in Grid._thead()) fails when that header has been moved to a separate div by the init code.

On the assumption that the table header should only be initialized once, the attached patch for kendo.all.js seems to fix this immediate problem by checking for an existing thead. I've not done any testing beyond verifying that the table headers are kept intact, so breakage elsewhere may occur.

Regards,
Stig

Grid

asked on 30 Aug 2012

1 answer

114 views

Line charts not rendering in IE

I just started playing with the DataViz components and I have some line graphs created that work fine in Firefox and Chrome, but not IE. Any thoughts on what I've missed here?

Sample HTML file attached.

Charts

answered on 30 Aug 2012

0 answers

114 views

SubMenu below the grid

Hi,
I have a problem with the telerik menu, when i use a grid to 100% of page, the menu passes below the grid, i don't know the solution for this problem, ahhh only with Internet Explorer

Menu

asked on 30 Aug 2012

0 answers

94 views

Kendo UI Grid filter does not work

I have an issue with my web page that contains Kendo UI grid. In this web page, I have a top portion that uses Knockout. The bottom part of the page is a Kendo UI Grid which is from another partial page (RenderPartial)

...

<div >

</div>

</fieldset>

@{ Html.RenderPartial("DetailEntries", new ViewDataDictionary {{ "Id", @ViewBag.Id } });}

</section>

DetailEntries is the partial page which is a Kendo ui grid with Filterable() option.

I got an error when rendering this page.

It happens at this knockout function

// The following function is only used internally by this default provider.

        // It's not part of the interface definition for a general binding provider.

        'parseBindingsString': function(bindingsString, bindingContext) {

            try {

                var viewModel = bindingContext['$data'];

                var rewrittenBindings = " { " + ko.jsonExpressionRewriting.insertPropertyAccessorsIntoJson(bindingsString) + " } ";

                return ko.utils.evalWithinScope(rewrittenBindings, viewModel === null ? window : viewModel, bindingContext);

            } catch (ex) {

                throw new Error("Unable to parse bindings.\nMessage: " + ex + ";\nBindings value: " + bindingsString);

}

}

Error:

Uncaught Error: Unable to parse bindings.

Message: ReferenceError: filters is not defined;

Bindings value: value: filters[0].operator

bindingsString : "value: filters[0].operator"

bindingContext: ko.bindingContext which contains the ViewModel for my top portion.

If I remove the filterable option from the Kendo UI grid, the page renders without error.

Please help.

Alex

Grid

asked on 30 Aug 2012

1 answer

98 views

How can I use Listview templates for editing with server side validation?

I am using MVC4 with the latest Kendo UI Q2. I am trying to use the mvc wrappers to implement a list view with a view template and an edit template

After editing a listview item using an edit template, I click the save button. The edit template is immediately replaced by the view template before the Create/Update controller action is hit on the server. If the controller action fails some validation I can not show this to the user as the edit template is no longer visible. Is there a way to make the edit template remain open until either the controller action has completed successfully or if the controller action fails validation push the validation errors to the edit template. This would be a fairly typical pattern.

<div class="k-toolbar k-grid-toolbar">

<a id="addRoleButton" class="k-button k-button-icontext k-add-button" href="#"><span class="k-icon k-add"></span>Add new Role</a>

</div>

@(Html.Kendo().ListView<iProjX.Models.RoleModel>(Model.Roles)

.Name("rolesListView")

.TagName("div")

.ClientTemplateId("rolesList")

.Editable()

.Pageable()

.DataSource(dataSource => dataSource

.Model(model =>

{

model.Id("RoleId");

model.Field(f => f.ProjectId).DefaultValue(Model.ProjectId);

model.Field(f => f.Title);

model.Field(f => f.Description);;

})

.Events(e => e

.Error("rolesListViewData_error")

.Change("rolesListViewData_change")

.RequestStart("rolesListViewData_requestStart"))

.Create(create => create.Action("createRole", "Project"))

.Read(read => read.Action("getRoles", "Project", new { projectId = Model.ProjectId }))

.Update(update => update.Action("updateRole", "Project"))

.PageSize(30)

)

.Events(e => e

.Change("rolesListView_change")

.Edit("rolesListView_edit")

.DataBound("rolesListView_databound"))

)

view template

//View template

<script type="text/x-kendo-template" id="rolesList">

<div class="roleView" >

<div> ${Title} </div>

<div> ${Description} </div>

<div class="edit-buttons">

<a class="k-button k-button-icontext k-edit-button" href="\\#"><span class="k-icon k-edit"></span>Edit</a>

<a class="k-button k-button-icontext k-delete-button" href="\\#"><span class="k-icon k-delete"></span>Delete</a>

</div>

</script>

edit template

@model iProjX.Models.RoleModel

<div class="roleView" id = "newRoleForm2" >

@Html.ValidationSummary(true)

@Html.HiddenFor(model => model.ProjectId)

@Html.HiddenFor(model => model.RoleId)

<div class="editor-label">

@Html.LabelFor(model => model.Title)

</div>

<div class="editor-field">

@Html.TextBoxFor(model => model.Title, new { style = "width:99%", maxlength = 100 })

<span data-for="Title" class="k-invalid-msg"></span>

</div>

<div class="editor-label">

@Html.LabelFor(model => model.Description)

</div>

<div class="editor-field">

@Html.TextAreaFor(model => model.Description, new { style = "width:100%; height:100px"})

<span data-for="Description" class="k-invalid-msg"></span>

</div>

<div class="edit-buttons">

<a class="k-button k-button-icontext k-update-button" onclick="updateClick()" href="\\#"><span class="k-icon k-update"></span>Save</a>

<a class="k-button k-button-icontext k-cancel-button" href="\\#"><span class="k-icon k-cancel"></span>Cancel</a>

</d

ListView

answered on 30 Aug 2012