Hi.I am using the library "jquery.ui.widget.js" and insfragistics grid, but conflict and the grid does not display.I use the jQuery accordion and infragistics grid in a single view.
When I use the jQuery accordion I have to import the library "jquery.ui.widget.js".
If I access methods .DataBind() and .Render() on the grid, the accordion does not display.
How I can resolve this conflict of libraries?
Thanks in advance.Best regards.
Hi there,
Are you importing just the widget base script? It does not contain the accordion inside. Try using this script and tell us if you're still experiencing the same issue:
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
Thank you for using the Infragistics forums!
Hi,I import in the MasterPage:
And in the view:
@Imports Infragistics.Web.Mvc@ModelType IQueryable(Of Mvc4Ejemplo.Pelicula)@Code ViewData("Title") = "Acordeon" Dim listaDeAcordeon As New Dictionary(Of String, List(Of String)) Dim a As New List(Of String) a.Add("Person1") a.Add("Person2") a.Add("Person3") a.Add("Person4") a.Add("Person5") listaDeAcordeon.Add("Person", a) listaDeAcordeon.Add("Workers", a) listaDeAcordeon.Add("Boss", a)
End Code@section Scripts <link rel="stylesheet" href="~/Content/demos.css"> <link href="~/Content/themes/base/minified/jquery-ui.min.css" rel="stylesheet"> <link href="~/Content/themes/base/jquery.ui.all.css" rel="stylesheet">
<script src="~/Scripts/jquery.ui.core.js" type="text/javascript"></script> <script src="~/Scripts/jquery.ui.widget.js" type="text/javascript"></script> <script src="~/Scripts/jquery.ui.accordion.js" type="text/javascript"></script> <script> $(function () { $("#accordion").accordion();
});
</script> End Section
<h2>Acordeon</h2><div id="all"><div class="demo"> <div id="selector"> <label>Selector</label> <label>Agrupar por</label> <select name="Grupos"> <option>Grupos</option> <option>SubGrupos</option> </select> <br /> <form > <label>Buscar <input type="search" id="buscador" name="search" placeholder="Buscar..."/></label> </form> </div> <br /> <div id="accordion"> @GridRazor.crearAcordeon(listaDeAcordeon) </div>
</div> <div id="Tabla"> @(Html.Infragistics.Grid(Model).ID("grid1").AutoGenerateColumns(True).DataBind().Render())
</div></div>
I see it the accordion, but when I add the method .Render() the grid.But the grid does not reach ever seen.
If the MasterPage imported the library "~ / Scripts / jquery.ui.widget.js" the grid is not visible in another view.
Regards.
Hi again,
Your code has two references to jQuery and at least three different references to jQuery UI (one to 1.9.2 one to 1.8.20 and one to core, widget and accordion separately - both contained in the previous two files because they are combined):
<script src="~/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="~/Scripts/jQuery/jquery-1.7.1.js" type="text/javascript"></script>
<script src="~/Scripts/jquery-ui-1.8.20.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.ui.core.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.ui.widget.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.ui.accordion.js" type="text/javascript"></script>
Remove all but the one reference to jQuery 1.7.1 (whichever one you prefer to leave) and to jQuery UI 1.9.2.
This should resolve all the conflicts you are getting.
Thank you very much to be resolved the problem of imports libraries.
Best Regards.