javascript - Add multiple files using Django admin inline formset -


in admin portion of django app want extend how existing inline formset works. currently, have inline formset images 2 fields - name , image. model looks similar this:

models.py

class slideshow(models.model):     name = models.charfield(max_length=200,blank=true)     image = models.imagefield(max_length=200,upload_to=destination)     ...

now, in django admin, can click "add another" in inline, , adds block of name , image fields inline formset. in form can select "choose file" , add image file (and optionally name), click save , works using existing django admin functionality.

is there way me add multiple image files @ once existing inline formset? using html multiple file selection?

example formset row sample data

<div class="grp-module grp-tbody has_original grp-dynamic-form" id="asset_set0">     <h3 style="display: none;"><b>asset #1</b>&nbsp;&nbsp; sample-banner-444-fff.gif</h3>     <div class="grp-tr">          <div class="grp-td name ">             <input class="vtextfield" id="id_asset_set-0-name" maxlength="200" name="asset_set-0-name" type="text" value="test asset">         </div>          <div class="grp-td file ">             <p class="file-upload">currently: <a href="https://converse-portal-test.s3.amazonaws.com/asset_files/2014/02/13/10/52/1392317533/sample-banner-444-fff.gif?signature=mbucwpmv375gffwdpky06xp78bq%3d&amp;expires=1394664278&amp;awsaccesskeyid=akiaimakoosemjwwdrda">asset_files/2014/02/13/10/52/1392317533/sample-banner-444-fff.gif</a> <br>change: <input id="id_asset_set-0-file" name="asset_set-0-file" type="file"></p>         </div>          <div class="grp-td grp-tools-container">             <ul class="grp-tools"><li class="grp-delete-handler-container"><input id="id_asset_set-0-delete" name="asset_set-0-delete" type="checkbox"><a href="javascript://" class="grp-icon grp-delete-handler" title="delete item"></a></li></ul>         </div>          <input id="id_asset_set-0-campaign" name="asset_set-0-campaign" type="hidden" value="25">         <input id="id_asset_set-0-id" name="asset_set-0-id" type="hidden" value="71">      </div> </div>

example formset row without data

<div class="grp-module grp-tbody grp-dynamic-form" id="asset_set1">         <h3 style="display: none;"><b>asset #2</b>&nbsp;&nbsp;</h3>     <div class="grp-tr">          <div class="grp-td name ">             <input class="vtextfield" id="id_asset_set-1-name" maxlength="200" name="asset_set-1-name" type="text">         </div>          <div class="grp-td file ">                 <input id="id_asset_set-1-file" name="asset_set-1-file" type="file">         </div>          <div class="grp-td grp-tools-container">             <ul class="grp-tools"><li><a href="javascript://" class="grp-icon grp-remove-handler" title="delete item"></a></li></ul>         </div>          <input id="id_asset_set-1-campaign" name="asset_set-1-campaign" type="hidden" value="25">         <input id="id_asset_set-1-id" name="asset_set-1-id" type="hidden">     </div> </div>

by way, have reviewed few other apps, filer , photologue example, offer similar functionality @ cost of including several other features may or may not affect rest of application.


Comments

Post a Comment

Popular posts from this blog

get url and add instance to a model with prefilled foreign key :django admin -

Image
i have page in each contest shown in row. each row contains contest id , link other model names have foreign key contest. news model: class news(models.model): title = models.charfield(max_length=50, null=true) description = models.textfield() time = models.timefield( default= datetime.datetime.now().time()) contest = models.foreignkey(contest) i want use admin adding , changing these models. want when user clicks on 'news' has foreign key contest id=1, shows list of news value foreign key. use {% instance in instances %} <tr class="{% cycle 'row1' 'row2' %}"> <td>{{ instance.title }}</td> <td>{{ instance.starttime }}</td> <td>{{ instance.timespan }}</td> <td>{{ instance.date }}</td> <td><a href="/adm...
Read more

android - Keyboard hides my half of edit-text and button below it even in scroll view -

i having trouble keyboard covers edit-text , half of button in scroll view. here's layout , please tell me how should resolve problem. many questions on topic none of them s working me. <?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:background="@drawable/bg" android:layout_height="match_parent"> <scrollview android:layout_width="match_parent" android:fillviewport="true" android:layout_height="match_parent"> <relativelayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <linearlayout android:layout_width="match_parent" android:layout_height="w...
Read more

css - Make div keyboard-scrollable in jQuery Mobile? -

from can tell, although jquery-mobile-powered pages can contain divs overflow set scroll or auto, , these divs can scrolled one-screen bar or mouse wheel, cannot scrolled using arrow keys, page-up/page-down, or home/end. instead, official "page" div (with data-role="page") absorbs input. perhaps other divs can't acquire focus, i'm not sure. is there way around this? edit: jsfiddle of simple example: https://jsfiddle.net/qogz0shx/ <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"> </script> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css"/> <style> #outer { overflow:scroll; height: 50vh; width: 50vw; } #inner { height: 500vh; width: 500vw; } ...
Read more