Questions on Kendo UI for jQuery Forum

5 answers

508 views

[Solved] Kendo MVVM, Validation on window

Hi,

I m currently using kendo MVVM framework and I want to use the validation feature provided by kendo.

I'm facing problem with validation when am displaying controls on a kendo window. here is the link to jsfiddle sample - http://jsfiddle.net/saisworld/UquQ6/6/

It works for the item row in the table and for other rows it doesn't. Even after clicking the button Validate it doesn't show the validation message.

Please advise.

Thanks
Sai

MVVM

answered on 19 Aug 2013

2 answers

112 views

[Solved] Splitter Pane Content in VB

Hello, I would like to ask how does the VB syntax is for the Content part of this example, how can i add a html code like that in VB?

@(Html.Kendo().Splitter()
.Name("top")
.Orientation(SplitterOrientation.Horizontal)
.Panes(panes =>
{
panes.Add()
.HtmlAttributes(new { id = "left-pane" })
.Scrollable(true)
.Collapsible(true)
.Content(@<div>
@(Html.Kendo().TreeView()
.Name("treeview")
.DragAndDrop(true)
.DataTextField("Name")
.Events(events => events
.DragEnd("Change")
.Select("Selected")
)
.DataSource(dataSource => dataSource
.Read(read => read.Action("TreeView_Read", "Platform")))
)
</div>
);

Splitter

answered on 19 Aug 2013

1 answer

74 views

[Solved] Autocomplete with "suggest: true" how to get associated dataItem id when user types and hits enter

I am using autocomplete with "suggest: true". My autocomplete data source is a json array with name and id. The "name" is used as the dataTextField. I need to get the associated id with the name that is chosen. When using "suggest: true" the user can type part of the name and have a selection item appear in the autocomplete box hit enter and never actually select an item from the list. When this happens how can I get the id associated with the name?

I am able to get the id when the user selects is from the list.

I have a jsFiddle with this code at:
http://jsfiddle.net/KerryJenkinsDTC/a6cdb/7/

AutoComplete

answered on 19 Aug 2013

1 answer

121 views

[Solved] Accessing another viewmodel members

I'm new to the MVVM and pure javascript applications and I have a question.

Is it possible to gain hold and access members or methods in another viewmodel to initialize it in a certain way before showing, like for example in a logout link I would like to clear the username and password etc. before showing the login view again?

Thanks,

*******

Sorry, this turned out to be simple

access a property:
app.loginService.viewModel.set("username","");

access a method:
app.loginService.viewModel.onLogout();

General Discussions

answered on 18 Aug 2013

12 answers

3.7K+ views

Clear all rows from Kendo Grid

I have an app that has two grids on the page. Clicking a row on the first grid populates the data in the second. I am having an issue where the data is just getting pasted underneath the old data. How do I clear out the second grid to put clean new data in it again?

Alex

Grid

answered on 17 Aug 2013

10 answers

906 views

Chart in kendoUI for drill down

Hi Team,
I have a requirement in which on click of kendo chart item, I want to
drill down and show new values in chart. After clicking any of the bar i want to hit the db with selected
value, fetch values then bind the kendo chart
and show the chart . And also for example I have a
dropdownlist with different chart types such as bar,bubble,scatter as
items. on selection change i want to bind the respective chart
dynamically in kendo UI. Please provide sample code for this
2 scenarios.

Charts

answered on 16 Aug 2013

1 answer

131 views

When active the spacebar is not prevented

If you focus a dropdownlist and press the spacebar the page will scroll (if scrollable). This isn't the behavior of standard HTML selects. You can reproduce this on the live demo pages.

DropDownList

answered on 16 Aug 2013

2 answers

130 views

[Solved] Stuck in step #1

Hello all,

I am trying to take step #1 using Kendo mobile and having a problem. I have set up a folder containing a copy of the "js" and "styles" folders from my downloaded Kendo Trial distribution and created a test.html file with the so called "first complete example" in http://docs.kendoui.com/getting-started/introduction which has the following code:

<!doctype html>
<html>
    <head>
        <title>Kendo UI Mobile</title>
        <link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />
        <script src="js/jquery.min.js"></script>
        <script src="js/kendo.mobile.min.js"></script>
    </head>
    <body>
        <div data-role="view" data-title="View" id="index">
            <header data-role="header">
                <div data-role="navbar">
                    <span data-role="view-title"></span>
                </div>
            </header>
            <ul data-role="listview">
              <li>Item 1</li>
              <li>Item 2</li>
            </ul>
            <footer data-role="footer">
                <div data-role="tabstrip">
                    <a data-icon="home" href="#index">Home</a>
                    <a data-icon="settings" href="#settings">Settings</a>
                </div>
            </footer>
        </div>
        <script>
        var app = new kendo.mobile.Application();
        </script>
    </body>
</html>

When I load it in my browser I get a blank screen, but as you can see in the first image I attach, the debugger shows that the included CSS and JS files are retrieved correctly, and as the second image shows, there seems to be an error.

Out of curiosity, I have replaced the local file references with references to kendo's CDN, like this:
    <head>
        <title>Kendo UI Mobile</title>
        <link href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.mobile.all.min.css" rel="stylesheet" />
        <script src="http://cdn.kendostatic.com/2012.2.710/js/jquery.min.js"></script>
        <script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.mobile.min.js"></script>
    </head>

And it works as shown in my third suplied image.

Any idea of what am I doing wrong ?

Thanks in advance:

                            Javier

General Discussions

answered on 16 Aug 2013

3 answers

222 views

[Solved] Scheduler Editable.resize not work

can not see the property editable.resize in latest version but in documentation other property are exists eg:-
.Editable(e=>e.Update(false)) ,.Editable(e=>e.Confirmation(false)) please help asap.work with MVC4 rezor.

Scheduler

answered on 16 Aug 2013

4 answers

474 views

add or remove a splitter pane

Hi,
How I can remove a pane and change the size of the neighbor pane to 100% at the same time ( for example by pressing a button in a page) ?

this in my code :
kendoSplitter: { orientation: 'horizontal', panes: [{ resizable: true, collapsible: false, max:'90%', min:'33%' , size: '70%' }, { resizable: true, collapsible: false, max:'67%', min:'10%',size: '30%' }] }

I want to change it to :
kendoSplitter: { orientation: 'horizontal', panes: [{ resizable: true, collapsible: false, max:'90%', min:'33%' , size: '100%' }] }

by clinking a button in the page .

thank you in advance ,
Atiyeh

Splitter

answered on 16 Aug 2013