or
2 answers
97 views
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>
);
@(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>
);
1 answer
64 views
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/
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/
Kiril Nikolov
Telerik team
answered
on
19 Aug 2013
1 answer
106 views
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();
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();
Olafur
Top achievements
Rank 1
Rank 1
answered
on
18 Aug 2013
12 answers
3.6K+ views
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
Alex
10 answers
857 views
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.
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.
1 answer
115 views
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.
Kiril Nikolov
Telerik team
answered
on
16 Aug 2013
2 answers
115 views
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
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
Petyo
Telerik team
answered
on
16 Aug 2013
3 answers
193 views
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.
.Editable(e=>e.Update(false)) ,.Editable(e=>e.Confirmation(false)) please help asap.work with MVC4 rezor.
Vladimir Iliev
Telerik team
answered
on
16 Aug 2013
4 answers
455 views
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
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
tankblergh
Top achievements
Rank 1
Rank 1
answered
on
16 Aug 2013
3 answers
118 views
Hi,
I have a splitter with 2 pages on a "default" page.
Default.aspx?id=1234 -->
$("#horizontal").kendoSplitter({
panes: [
{ collapsible: true, size: "300px", contentUrl: 'Page1.aspx?id=5678' },
{ contentUrl: 'Page2.aspx?id=8765' }
]
});
On my Page1 load & Page2 load I need to have my get parameters.
But when I look in "window.location", I get the "Default.aspx?id=1234" instead of "Page1.aspx?id=5678" or "Page2.aspx?id=8765"
How do I get the correct parameters?
Thanks in advance
Stijn
I have a splitter with 2 pages on a "default" page.
Default.aspx?id=1234 -->
$("#horizontal").kendoSplitter({
panes: [
{ collapsible: true, size: "300px", contentUrl: 'Page1.aspx?id=5678' },
{ contentUrl: 'Page2.aspx?id=8765' }
]
});
On my Page1 load & Page2 load I need to have my get parameters.
But when I look in "window.location", I get the "Default.aspx?id=1234" instead of "Page1.aspx?id=5678" or "Page2.aspx?id=8765"
How do I get the correct parameters?
Thanks in advance
Stijn
Kiril Nikolov
Telerik team
answered
on
16 Aug 2013
