2009-07-28 15 views
0

alt text http://i29.tinypic.com/2uj5nkk.jpgErstellen einer Search-Oberfläche in ASP.NET MVC - C#

Das Vorstehende ist Konzept einer Suchoberfläche I in ASP.net MVC bauen wollen. Wenn der Benutzer auf die Schaltfläche "+" klickt, sollte er eine Zeile Textfilter oder Datumsfilter erstellen. Bietet jQuery mir diese Flexibilität oder gibt es solche UI-Frameworks, die mir dabei helfen würden? Es gibt einen Suchknopf, nicht gezeigt, der, wenn er geklickt wird, sollte zurück und Ergebnisse erhalten und die Resultate anzeigen

+0

Mit welcher Software haben Sie das UI-Mockup erstellt? Ich mag das! – Janie

+0

Ich kann es nicht einmal – griegs

+0

wahrscheinlich Balsamiq-Modelle zu sehen. – sirrocco

Antwort

2

Es klingt wie Sie dynamische Form erstellen möchten. Verwenden Sie einfach das Jquery .append, um Ihrem Formular neue Elemente hinzuzufügen.

$("#myform").append("<input type='text' name='textfield'>") 
+0

Ich stimme zu. Sie werden eine benutzerdefinierte Implementierung benötigen und die dynamische Form bietet eine elegante Lösung. – grenade

+0

Tony: Danke für die Info. Irgendwelche guten Tutorials, um damit anzufangen? – user38230

+0

Ich fand diese http://www.arietis-software.com/dev/sandbox/jquery-dynamic-form.php –

0

Ein wenig schwierig darzustellen, über was du redest, wie es nicht in der Frage zeigt.

Aber wenn ich deine Frage verstehe, dann willst du auf einen Knopf klicken und einige Filterfelder anzeigen, oder?

Dies ist nicht nur in jQuery, sondern nur in Standard-Javascript möglich. Alles, was Sie tun müssen, ist die Filterelemente zu verbergen.

jQuery wird Ihnen eine schöne Möglichkeit geben, es zu öffnen, aber dann können Sie einen Teil zurück schreiben und nur die Ergebnisse oder Teilansicht zurückgeben.

$("#divFilters").slideDown(300); 

Der obige Code öffnet Ihr div.

Oder Sie könnten jQuery eine teilweise Postback, Rückgabe RenderPartial von Ihrem Controller und ersetzen Sie die HTML in einem Div irgendwo. Die RenderPartail wäre eine Teilansicht mit Ihren Filtern darin. Einfacher zu einem späteren Zeitpunkt zu erweitern hätte ich auch gedacht.

Haben Sie danach gesucht?

+0

griegs: ja und auch was Tony unten vorgeschlagen hat. Jagd nach jQuery tutorials .. – user38230

+0

Dies ist ein ziemlich guter Ausgangspunkt http://jquery.com/. Wenn Sie tatsächlichen Code möchten, lassen Sie mich wissen, in einem Kommentar hier, und ich werde einige veröffentlichen. – griegs

Verwandte Themen