Hi!
The splitter is attaching to the DOM correctly on init. However when I try to use the ajaxRequest method, I can't seem to get it to work.
The ajaxReuqest method isn't documented very well (http://www.kendoui.com/documentation/ui-widgets/splitter/methods.aspx
and i'm not sure how to get ahold of it again after it's been loaded on the page. I set up a simple test:
<script>
jQuery(document).ready(function () {
jQuery("#splitter").kendoSplitter({
panes: [
{ min: "100px", max: "300px" },
{ contentUrl: "/test.htm" }
]
});
jQuery("#test").live("click", function () {
var splitter = jQuery("#splitter");
splitter.ajaxRequest("#Panel", "/test2.htm");
});
});
</script>
<div id="splitter">
<div style="max-width:300px;">
<div style="text-align:center;">
<asp:TextBox runat="server" ID="boxSearch" Width="300" />
<asp:Button runat="server" ID="btnSearch" Text="Search" />
</div>
</div>
<div id="#Panel">
</div>
</div>
<input type="button" id="test" value="test"/>
Please help.
Thanks!
The splitter is attaching to the DOM correctly on init. However when I try to use the ajaxRequest method, I can't seem to get it to work.
The ajaxReuqest method isn't documented very well (http://www.kendoui.com/documentation/ui-widgets/splitter/methods.aspx
and i'm not sure how to get ahold of it again after it's been loaded on the page. I set up a simple test:
<script>
jQuery(document).ready(function () {
jQuery("#splitter").kendoSplitter({
panes: [
{ min: "100px", max: "300px" },
{ contentUrl: "/test.htm" }
]
});
jQuery("#test").live("click", function () {
var splitter = jQuery("#splitter");
splitter.ajaxRequest("#Panel", "/test2.htm");
});
});
</script>
<div id="splitter">
<div style="max-width:300px;">
<div style="text-align:center;">
<asp:TextBox runat="server" ID="boxSearch" Width="300" />
<asp:Button runat="server" ID="btnSearch" Text="Search" />
</div>
</div>
<div id="#Panel">
</div>
</div>
<input type="button" id="test" value="test"/>
Please help.
Thanks!