La liaison de données Json à une table dans mvc 4
Je travaille dans une application mvc 4..je veux lier un json données d'une table dans mon application en utilisant jquery.Je suis en mesure de convertir un ensemble de données (pour lequel je obtenir des données à partir de la base de données) pour les données json à l'aide d'une méthode et d'obtenir les données json.Mais je ne sais pas comment le lier à une table à l'aide de jquery.S'il vous plaît dites-moi façon de résoudre ce problème..
Données JSon:
Mes données json est quelque chose comme cela..
[{"Location":"Chennai","Duration":"15","Sno":"1",
"Date of Birth":"\/Date(-2209051800000)\/","Dateofjoin":"\/Date(-2209048200000)\/"}]
Jquery:
$('#btnGoNew').click(function () {
var url = '@Url.Content("~/Somecontroller/GetValue")';
$.getJSON(url, { id: valz }, function (data) {
//code to bind table
});
});
Vue:
<input type="button" class="MasterButton" id="btnGoNew"/>
<table id="grd1">
<thead>
<tr>
<th>Location</th>
<th>Duration</th>
<th>Sno</th>
<th>Date of Birth</th>
<th>Dateofjoin</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
Contrôleur:
public JsonResult GetValue(string id)
{
JsonResult json = new JsonResult();
DataSet ds = LoadDoctordetailsNew(id);
/*LoadDoctordetailsNew is method where i get data from database and convert
to dataset.It returns a dataset*/
string returnData = GetJson(ds.Tables[0]);
json.JsonRequestBehavior = JsonRequestBehavior.AllowGet;
json.Data = returnData;
return json;
}
public static string GetJson(DataTable dt)
{
System.Web.Script.Serialization.JavaScriptSerializer serializer =
new System.Web.Script.Serialization.JavaScriptSerializer();
List<Dictionary<string, object>> rows =
new List<Dictionary<string, object>>();
Dictionary<string, object> row = null;
foreach (DataRow dr in dt.Rows)
{
row = new Dictionary<string, object>();
foreach (DataColumn col in dt.Columns)
{
row.Add(col.ColumnName, dr[col]);
}
rows.Add(row);
}
return serializer.Serialize(rows);
}
votre code m'a beaucoup aidé, merci
OriginalL'auteur coder | 2013-07-20
Vous devez vous connecter pour publier un commentaire.
Tout d'abord, vous devez analyser le retour json chaîne à un json objet:
Ensuite, parcourir et créer votre table. La solution complète est comme suit:
Je ne pense pas que vous allez avoir des problèmes de liaison date comme les autres champs. Avez-vous un problème? pls expliquer
ya pour les champs de date je reçois pas défini lors de la liaison..les autres sont tous de liaison parfaitement..
supprimer les espaces blancs de
Date of Birth
dans votre définition de données devient commeDateOfBirth
. Vous aussi vous pouvez avoir un problème pour afficher la date / heure correctement. Dans l'affirmative, de définir cette fonction et l'utiliser pour convertir en json datefunction date(s) { return new Date(parseFloat(/Date\(([^)]+)\)/.exec(s)[1])); }
pour utiliser cette fonction?
OriginalL'auteur Amin Saqi
Je Pense que Vous ne pouvez pas lier directement json en tableau html
Vous avez besoin d'utiliser les plugins jquery comme
Jqgrid
DataTables
Ou vous pouvez écrire vos propres plugins. Ou vous devez générer un tableau html à partir du json.
OriginalL'auteur Nithesh