Travailler avec le stockage GridJs
Travailler avec le stockage GridJs
le traitement général du dossier
Après avoir importé un fichier de feuille de calcul,
GridJs créera un fichier cache avec l’uid spécifié dans le**Config.FileCacheDirectory** dossier ,
avec le format deAspose.Cells.SaveFormat.Xlsx ,
GridJs enregistrera également toutes les formes/images dans un fichier d’archive zip dans le**Config.PictureCacheDirectory** dossier pour afficher ultérieurement les formes/images dans l’interface utilisateur du client.
et après chaque opération de mise à jour dans l’interface utilisateur du client,
par exemple définir la valeur de la cellule, définir le style de cellule, etc. ,
GridJs côté client js déclenchera une action du contrôleur pour effectuer une opération UpdateCell.
Dans cette action, une sauvegarde dans le fichier cache se produira pendant la méthode UpdateCell.
// post: /GridJs/UpdateCell
[HttpPost]
public ActionResult UpdateCell( )
{
string p = HttpContext.Request.Form["p"];
string uid = HttpContext.Request.Form["uid"];
GridJsWorkbook gwb = new GridJsWorkbook();
String ret = gwb.UpdateCell(p, uid);
return Content(ret, "text/plain", System.Text.Encoding.UTF8);
}
où est le fichier cache en fait
A. Si nous implémentons GridCacheForStream et définissons GridJsWorkbook.CacheImp. par exemple, dans le code ci-dessous, nous pouvons simplement mettre et obtenir le fichier de cache à partir de**“D:\temp”**
Config.FileCacheDirectory=@"D:\temp";
GridJsWorkbook.CacheImp=new LocalFileCache();
public class LocalFileCache : GridCacheForStream
{
/// <summary>
/// Implement this method to savecache,save the stream to the cache object with the key id.
/// </summary>
/// <param name="s">the source stream </param>
/// <param name="uid">the key id.</param>
public override void SaveStream(Stream s, String uid)
{//make sure the directory exist
String filepath = Path.Combine(Config.FileCacheDirectory, uid);
using (FileStream fs = new FileStream(filepath, FileMode.Create))
{
s.Position = 0;
s.CopyTo(fs);
}
}
/// <summary>
/// Implement this method to loadcache with the key uid,return the stream from the cache object.
/// </summary>
/// <param name="uid">the key id</param>
/// <returns>the stream from the cache</returns>
public override Stream LoadStream(String uid)
{//make sure the directory is exist
String filepath = Path.Combine(Config.FileCacheDirectory, uid);;
FileStream fs = new FileStream(filepath, FileMode.Open);
return fs;
}
...
B.Si nous ne définissons pas GridJsWorkbook.CacheImp,
GridJs créera et sauvegardera le fichier dans le**Config.FileCacheDirectory** , qui est le répertoire de cache par défaut que nous pouvons définir.
comment obtenir le fichier de résultats mis à jour
1. un uid spécifié pour le fichier
Assurez-vous d’une correspondance de mappage spécifiée entre le fichier et l’uid,
vous pouvez toujours obtenir le même uid pour un nom de fichier spécifié, pas à partir d’une génération aléatoire.
Par exemple, utilisez simplement le nom de fichier est ok.
//in controller
...
public ActionResult Uidtml(String filename)
{
return Redirect("~/xspread/uidload.html?file=" + filename + "&uid=" + Path.GetFileNameWithoutExtension(filename));
}
...
public ActionResult DetailFileJsonWithUid(string filename,string uid)
{
String file = Path.Combine(TestConfig.ListDir, filename);
GridJsWorkbook wbj = new GridJsWorkbook();
//check if already in cache
StringBuilder sb= wbj.GetJsonByUid(uid, filename);
if(sb==null)
{
Workbook wb = new Workbook(file);
wbj.ImportExcelFile(uid, wb);
sb = wbj.ExportToJsonStringBuilder(filename);
}
return Content(sb.ToString(), "text/plain", System.Text.Encoding.UTF8);
}
2. synchronisation avec l’opération de l’interface utilisateur du client
En fait, pour certaines opérations de l’interface utilisateur client,
Par exemple:
basculer la fiche active sur une autre,
changer la position de l’image,
faire pivoter/redimensionner l’image, etc.
l’action UpdateCell ne sera pas déclenchée.
Ainsi, si nous voulons obtenir le fichier mis à jour comme le montre l’interface utilisateur du client,
nous devons effectuer une opération de fusion avant d’enregistrer l’action pour synchroniser ces opérations d’interface utilisateur client.
//in the js
function save() {
if (!xs.buffer.isFinish()) {
alert('updating is inprogress,please try later');
return;
}
let datas = xs.datas;
delete datas.history;
delete datas.search;
delete datas.images;
delete datas.shapes;
var jsondata = {
sheetname: xs.sheet.data.name,
actrow: xs.sheet.data.selector.ri,
actcol: xs.sheet.data.selector.ci,
datas: xs.getUpdateDatas(),
};
const data = {
p: JSON.stringify(jsondata),
uid: uniqueid,
};
....
//go on to do ajax post to trigger controller action
//in controller action
GridJsWorkbook wb = new GridJsWorkbook();
wb.MergeExcelFileFromJson(uid, p);
//after merge do save to chache or to a stream or whaterver you want to save to ,here we just save to cache
wb.SaveToXlsx(Path.Combine(Config.FileCacheDirectory, uid));
3. récupérez le fichier du cache
par exemple : dans l’action de téléchargement, vous pouvez simplement l’obtenir à partir du répertoire de cache par uid.
//in controller
public async Task<IActionResult> DownloadfromBytes(string uid,string ext)
{
byte[] byteArr = await System.IO.File.ReadAllBytesAsync(Path.Combine(Config.FileCacheDirectory, uid) );
string mimeType = "application/octet-stream";
return new FileContentResult(byteArr, mimeType)
{
FileDownloadName = uid+ ext
};
}
Pour plus d’informations détaillées, vous pouvez consulter l’exemple ici : https://github.com/aspose-cells/Aspose.Cells-for-.NET/tree/master/Examples_GridJs