Skip to main content

jquery template - jumate de MVC

Nu odata am scris ceva asemanator cu aceste cond in jQuery:

var sablon = "<b> ${nume} </b>";
Problema la acest template este modul in care se poate manipula . In cazul in care dorim sa facem o modificare, suntem nevoiti sa cautam in cod unde avem definit template-ul si sa facem modificari pe el. In cazul in care un nou dezvoltator trebuie sa faca modificari, el o sa fie nevoit sa cauta in cod.

O solutie este sa folosim un template pentru acest lucru. Primul pas este sa definim template-ul in forma urmatoare:

<script id="numeTemplate" type="text/html">
<b> ${nume} </b>
</script>
Prin acest mod, o sa ne putem referi template-ul nostru in orice loc din cod pe baza unui ID, totodata o sa fie foarte usor de grupat toate template-urile.

Urmatorul pas este sa referim pe langa libraria de jquery si libraria pentru template-uri. Numele ei este: jquery.tmpl.js.

Template-ul pe care l-am definit mai sus trebuie putin modificat, forma sa trebuie sa fie:

<script id="numeTemplate" type="text/html">
<b> ${nume} </b>
</script>
JSON va scoate automat valoarea pentru nume prin ${}. Putem sa avem orice fel de conditii logice, in exemplul dat mai sus, avem un IF care afiseaza imagini diferite pentru barbati si femei. Prin acest mecanism putem sa cream template-uri complexe, in care logica care defineste modul in care se face randarea la anumite elemente din template sa fie in interiorul la template.
Datele pentru care facem randarea sunt:
var persoane = [
{ Nume = "Stefan", IsMan = 1},
{ Nume = "Oana", IsMan = 0},
{ Nume = "Mihai", IsMan = 1}
];
Pentru a putea folosi template-ul definit, putem sa folosim functiile
  • tmpl([data],[options])
  • $.tmpl(template,[data,[options])
Pentru exemplul dat mai sus ar trebuii sa scriem:
$("numeTemplate").tmpl(persoane).appendTo("#listaPersoaneDiv")
Unde listaPersoaneDiv reprezinta id la divul care afiseaza template-ul.
Si gata, in acest moment avem un template pe care il putem folosi in orice locatie. Putem sa privim totul ca o jumatate din MVC, doar partea de Model-View.
Pentru mai multe informatii: http://api.jquery.com/jQuery.template/

Comments

  1. buna ziua
    apropo de jquery am si eu o problema cu aceste program script sau ce este el...in consola de erori imi apare o chestie cum jquery in not defined si inca o eroare $j in not defined....si din cauza aceasta nu pot vedea diferite chesti pe un site de vanzari si cumparari....nu ma lasa sa dau comenzi pe site de cumparare si multe alte...care este problema???

    ReplyDelete

Post a Comment

Popular posts from this blog

ADO.NET provider with invariant name 'System.Data.SqlClient' could not be loaded

Today blog post will be started with the following error when running DB tests on the CI machine:
threw exception: System.InvalidOperationException: The Entity Framework provider type 'System.Data.Entity.SqlServer.SqlProviderServices, EntityFramework.SqlServer' registered in the application config file for the ADO.NET provider with invariant name 'System.Data.SqlClient' could not be loaded. Make sure that the assembly-qualified name is used and that the assembly is available to the running application. See http://go.microsoft.com/fwlink/?LinkId=260882 for more information. at System.Data.Entity.Infrastructure.DependencyResolution.ProviderServicesFactory.GetInstance(String providerTypeName, String providerInvariantName) This error happened only on the Continuous Integration machine. On the devs machines, everything has fine. The classic problem – on my machine it’s working. The CI has the following configuration:

TeamCity.NET 4.51EF 6.0.2VS2013
It seems that there …

Entity Framework (EF) TransactionScope vs Database.BeginTransaction

In today blog post we will talk a little about a new feature that is available on EF6+ related to Transactions.
Until now, when we had to use transaction we used ‘TransactionScope’. It works great and I would say that is something that is now in our blood.
using (var scope = new TransactionScope(TransactionScopeOption.Required)) { using (SqlConnection conn = new SqlConnection("...")) { conn.Open(); SqlCommand sqlCommand = new SqlCommand(); sqlCommand.Connection = conn; sqlCommand.CommandText = ... sqlCommand.ExecuteNonQuery(); ... } scope.Complete(); } Starting with EF6.0 we have a new way to work with transactions. The new approach is based on Database.BeginTransaction(), Database.Rollback(), Database.Commit(). Yes, no more TransactionScope.
In the followi…

GET call of REST API that contains '/'-slash character in the value of a parameter

Let’s assume that we have the following scenario: I have a public HTTP endpoint and I need to post some content using GET command. One of the parameters contains special characters like “\” and “/”. If the endpoint is an ApiController than you may have problems if you encode the parameter using the http encoder.
using (var httpClient = new HttpClient()) { httpClient.BaseAddress = baseUrl; Task<HttpResponseMessage> response = httpClient.GetAsync(string.Format("api/foo/{0}", "qwert/qwerqwer"))); response.Wait(); response.Result.EnsureSuccessStatusCode(); } One possible solution would be to encode the query parameter using UrlTokenEncode method of HttpServerUtility class and GetBytes method ofUTF8. In this way you would get the array of bytes of the parameter and encode them as a url token.
The following code show to you how you could write the encode and decode methods.
publ…